@local-civics/mgmt-ui 0.1.212 → 0.1.214

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as React from 'react';
  * NavbarProps
  */
 interface NavbarProps {
-    active: string;
+    active?: string;
     version: string;
     image: string;
     name: string;
@@ -21,6 +21,16 @@ interface NavbarProps {
     onGettingStarted: () => void;
     onSwitchAccounts?: () => void;
 }
+/**
+ * The educator/admin left nav. Same behavior as before this round's restyle — item list, per-item
+ * notification counts, the `hidden`/trial visibility rules, the Organization sub-menu — only the
+ * markup/styling moved from Mantine's `createStyles` theme to Tailwind utility classes (matching
+ * the flat cyan/mint/gold system already shipped on the student side), plus `active` is now
+ * optional rather than required (it was forcing at least one caller to pass an empty string just
+ * to satisfy the type, which meant no row ever highlighted for it).
+ * @param props
+ * @constructor
+ */
 declare function Navbar(props: NavbarProps): JSX.Element;
 
 /**
@@ -69,7 +79,7 @@ declare const SwitchAccount: (props: SwitchAccountProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$p {
+interface Item$o {
     lessonName: string;
     completion: number;
     isStarted?: boolean;
@@ -79,19 +89,19 @@ interface Item$p {
 /**
  * Item
  */
-interface Item$o {
+interface Item$n {
     userId: string;
     avatar: string;
     name: string;
     email: string;
     isComplete?: boolean;
-    lessons: Item$p[];
+    lessons: Item$o[];
 }
 
 /**
  * Item
  */
-interface Item$n {
+interface Item$m {
     lessonId: string;
     lessonName: string;
     percentageCompletion: number;
@@ -101,7 +111,7 @@ interface Item$n {
 /**
  * BadgeUserItem
  */
-type BadgeUserItem = Item$o;
+type BadgeUserItem = Item$n;
 /**
  * BadgeClass
  */
@@ -118,7 +128,7 @@ type BadgeProps = {
     displayName: string;
     description: string;
     classes: BadgeClass[];
-    lessons: Item$n[];
+    lessons: Item$m[];
     classId: string;
     students: BadgeUserItem[];
     href: string;
@@ -139,7 +149,7 @@ declare const Badge: (props: BadgeProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$m {
+interface Item$l {
     badgeId: string;
     name: string;
     description: string;
@@ -149,7 +159,7 @@ interface Item$m {
 /**
  * BadgeItem
  */
-type BadgeItem = Item$m;
+type BadgeItem = Item$l;
 /**
  * BadgesProps
  */
@@ -168,7 +178,7 @@ declare const Badges: (props: BadgesProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$l {
+interface Item$k {
     studentId: string;
     studentName: string;
     className: string;
@@ -177,7 +187,7 @@ interface Item$l {
 /**
  * Item
  */
-interface Item$k {
+interface Item$j {
     lessonName: string;
     studentName: string;
     reflection: string;
@@ -187,7 +197,7 @@ interface Item$k {
 /**
  * Item
  */
-interface Item$j {
+interface Item$i {
     studentName: string;
     impactStatement: string;
 }
@@ -195,7 +205,7 @@ interface Item$j {
 /**
  * Item
  */
-interface Item$i {
+interface Item$h {
     badgeId: string;
     name: string;
     description: string;
@@ -205,7 +215,7 @@ interface Item$i {
 /**
  * Item
  */
-interface Item$h {
+interface Item$g {
     lessonId: string;
     name: string;
     description: string;
@@ -224,20 +234,20 @@ type DashboardClass = {
  */
 type DashboardProps = {
     loading: boolean;
-    students: Item$l[];
-    impacts: Item$j[];
-    reflections: Item$k[];
+    students: Item$k[];
+    impacts: Item$i[];
+    reflections: Item$j[];
     classes: DashboardClass[];
-    badges: Item$i[];
-    lessons: Item$h[];
+    badges: Item$h[];
+    lessons: Item$g[];
     classId: string;
     percentageOfAccountsCreated: number;
     numberOfBadgesEarned: number;
     numberOfLessonsCompleted: number;
     onClassChange: (classId: string) => void;
-    onViewStudentProfile: (student: Item$l) => void;
-    onBadgeClick: (badge: Item$i) => void;
-    onLessonClick: (lesson: Item$h) => void;
+    onViewStudentProfile: (student: Item$k) => void;
+    onBadgeClick: (badge: Item$h) => void;
+    onLessonClick: (lesson: Item$g) => void;
 };
 /**
  * Dashboard
@@ -249,7 +259,7 @@ declare const Dashboard: (props: DashboardProps) => JSX.Element;
 /**
  * Item
  */
-type Item$g = {
+type Item$f = {
     classId: string;
     userId: string;
     avatar: string;
@@ -268,7 +278,7 @@ type Item$g = {
 /**
  * MemberItem
  */
-type MemberItem = Item$g;
+type MemberItem = Item$f;
 /**
  * ClassProps
  */
@@ -288,13 +298,15 @@ type ClassProps = {
     onExportDataClick: () => void;
 };
 /**
- * Class
+ * Class. Chrome (header, actions, stat bar, table) is restyled to match the redesigned educator
+ * sidebar/shell; the Add Students drawer (CSV bulk upload + manual entry) and its underlying
+ * `onCreateMembers`/Dropzone/form logic are unchanged from before this round.
  * @param props
  * @constructor
  */
 declare const Class: (props: ClassProps) => JSX.Element;
 
-type Item$f = {
+type Item$e = {
     href: string;
     classId: string;
     name: string;
@@ -305,7 +317,7 @@ type Item$f = {
 /**
  * ClassItem
  */
-type ClassItem = Item$f;
+type ClassItem = Item$e;
 /**
  * ClassesProps
  */
@@ -326,7 +338,7 @@ declare const Classes: (props: ClassesProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$e {
+interface Item$d {
     badgeId: string;
     badgeName: string;
     isComplete?: boolean;
@@ -335,7 +347,7 @@ interface Item$e {
 /**
  * Item
  */
-interface Item$d {
+interface Item$c {
     lessonId: string;
     lessonName: string;
     questionName: string;
@@ -346,7 +358,7 @@ interface Item$d {
 /**
  * Item
  */
-interface Item$c {
+interface Item$b {
     lessonId: string;
     lessonName: string;
     reflection: string;
@@ -364,10 +376,10 @@ type StudentProps = {
     numberOfProblemsSolved: number;
     percentageOfLessonsCompleted: number;
     numberOfLessonsCompleted: number;
-    badges: Item$e[];
+    badges: Item$d[];
     lessons: LessonItem$1[];
-    answers: Item$d[];
-    reflections: Item$c[];
+    answers: Item$c[];
+    reflections: Item$b[];
     onBackClick: () => void;
 };
 type LessonItem$1 = {
@@ -409,7 +421,7 @@ declare const Home: (props: HomeProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$b {
+interface Item$a {
     studentName: string;
     reflection: string;
     rating: number;
@@ -418,7 +430,7 @@ interface Item$b {
 /**
  * Item
  */
-interface Item$a {
+interface Item$9 {
     questionName: string;
     answer: string[];
 }
@@ -426,12 +438,12 @@ interface Item$a {
 /**
  * Item
  */
-interface Item$9 {
+interface Item$8 {
     userId: string;
     avatar: string;
     name: string;
     email: string;
-    answers: Item$a[];
+    answers: Item$9[];
     isStarted?: boolean;
     isComplete?: boolean;
     href: string;
@@ -440,7 +452,7 @@ interface Item$9 {
 /**
  * Item
  */
-interface Item$8 {
+interface Item$7 {
     question: string;
     answers: string[][];
     choices?: string[];
@@ -450,7 +462,7 @@ interface Item$8 {
 /**
  * LessonUserItem
  */
-type LessonUserItem = Item$9;
+type LessonUserItem = Item$8;
 /**
  * LessonClass
  */
@@ -470,8 +482,8 @@ type LessonProps = {
     classId: string;
     classes: LessonClass[];
     students: LessonUserItem[];
-    reflections: Item$b[];
-    questions: Item$8[];
+    reflections: Item$a[];
+    questions: Item$7[];
     trial?: boolean;
     lessonsCompleted?: number;
     contributors?: {
@@ -492,17 +504,18 @@ declare const Lesson: (props: LessonProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$7 {
+interface Item$6 {
     lessonId: string;
     name: string;
     description: string;
+    pathway?: string;
     href: string;
 }
 
 /**
  * LessonItem
  */
-type LessonItem = Item$7;
+type LessonItem = Item$6;
 /**
  * LessonsProps
  */
@@ -543,7 +556,7 @@ declare const Organization: (props: OrganizationProps) => JSX.Element;
 /**
  * Item
  */
-type Item$6 = {
+type Item$5 = {
     userId: string;
     avatar: string;
     email: string;
@@ -561,7 +574,7 @@ type Item$6 = {
 /**
  * UserItem
  */
-type UserItem = Item$6;
+type UserItem = Item$5;
 /**
  * PeopleProps
  */
@@ -694,7 +707,7 @@ declare const App: (props: AppProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$5 {
+interface Item$4 {
     badgeId: string;
     name: string;
     description: string;
@@ -704,7 +717,7 @@ interface Item$5 {
 /**
  * PathwaysItem
  */
-type PathwaysItem = Item$5;
+type PathwaysItem = Item$4;
 /**
  * PathwaysProps
  */
@@ -722,7 +735,7 @@ declare const Pathways: (props: PathwaysProps) => JSX.Element;
 /**
  * Item
  */
-interface Item$4 {
+interface Item$3 {
     badgeName: string;
     completion: number;
     isStarted?: boolean;
@@ -732,13 +745,13 @@ interface Item$4 {
 /**
  * Item
  */
-interface Item$3 {
+interface Item$2 {
     userId: string;
     avatar: string;
     name: string;
     email: string;
     isComplete?: boolean;
-    badges: Item$4[];
+    badges: Item$3[];
     categoryPoints?: Record<string, number>;
     [key: string]: any;
 }
@@ -746,7 +759,7 @@ interface Item$3 {
 /**
  * Item
  */
-interface Item$2 {
+interface Item$1 {
     badgeId: string;
     badgeName: string;
     percentageCompletion: number;
@@ -756,7 +769,7 @@ interface Item$2 {
 /**
  * PathwayUserItem
  */
-type PathwayUserItem = Item$3;
+type PathwayUserItem = Item$2;
 /**
  * PathwayClass
  */
@@ -773,7 +786,7 @@ type PathwayProps = {
     title: string;
     description: string;
     classes: PathwayClass[];
-    badges: Item$2[];
+    badges: Item$1[];
     classId: string;
     students: PathwayUserItem[];
     categories: {
@@ -793,12 +806,12 @@ type PathwayProps = {
  * @param props
  * @constructor
  */
-declare const Pathway$1: (props: PathwayProps) => JSX.Element;
+declare const Pathway: (props: PathwayProps) => JSX.Element;
 
 /**
  * Item
  */
-interface Item$1 {
+interface Item {
     userId: string;
     avatar: string;
     name: string;
@@ -811,35 +824,14 @@ interface SubmissionItem {
     badgeId: string;
     lessonName: string;
     question: string;
+    updatedAt?: string;
+    pathwayName?: string;
 }
 
-/**
- * Item
- */
-interface Item {
-    lessonId: string;
-    lessonName: string;
-    percentageCompletion: number;
-    href: string;
-}
-
-type Pathway = {
-    pathwayId: string;
-    title: string;
-    description: string;
-};
-type PathwayTableProps = {
-    pathways: Pathway[];
-    badges: any[];
-    students: FileLockerUserItem[];
-};
-declare const PathwayTable: React.FC<PathwayTableProps & {
-    loading: boolean;
-}>;
 /**
  * FileLockerUserItem
  */
-type FileLockerUserItem = Item$1;
+type FileLockerUserItem = Item;
 /**
  * FileLockerClass
  */
@@ -856,7 +848,10 @@ type FileLockerProps = {
     displayName: string;
     description: string;
     classes: FileLockerClass[];
-    lessons: Item[];
+    lessons: {
+        lessonId: string;
+        lessonName: string;
+    }[];
     classId: string;
     students: FileLockerUserItem[];
     href: string;
@@ -871,6 +866,7 @@ type FileLockerProps = {
         badgeId: string;
         displayName: string;
         categories?: string[];
+        lessonIds?: string[];
     }[];
     onBackClick: () => void;
     onClassChange: (classId: string) => void;
@@ -884,4 +880,4 @@ type FileLockerProps = {
  */
 declare const FileLocker: (props: FileLockerProps) => JSX.Element;
 
-export { AccountItem, AdminProvider, AdminProviderProps, App, AppProps, Badge, BadgeClass, BadgeItem, BadgeProps, BadgeUserItem, Badges, BadgesProps, Class, ClassItem, ClassProps, Classes, ClassesProps, Dashboard, DashboardClass, DashboardProps, FileLocker, FileLockerClass, FileLockerProps, FileLockerUserItem, GettingStarted, GettingStartedProps, Home, HomeProps, Lesson, LessonClass, LessonItem, LessonProps, LessonUserItem, Lessons, LessonsProps, MemberItem, Navbar, NavbarProps, NewTrialRegistration, Organization, OrganizationProps, Pathway$1 as Pathway, PathwayClass, PathwayProps, PathwayTable, PathwayUserItem, Pathways, PathwaysItem, PathwaysProps, People, PeopleProps, StartAnonymousLesson, StartAnonymousLessonProps, Student, StudentProps, SwitchAccount, SwitchAccountProps, TrialHome, TrialHomeProps, TrialRegistration, TrialRegistrationProps, UserItem };
+export { AccountItem, AdminProvider, AdminProviderProps, App, AppProps, Badge, BadgeClass, BadgeItem, BadgeProps, BadgeUserItem, Badges, BadgesProps, Class, ClassItem, ClassProps, Classes, ClassesProps, Dashboard, DashboardClass, DashboardProps, FileLocker, FileLockerClass, FileLockerProps, FileLockerUserItem, GettingStarted, GettingStartedProps, Home, HomeProps, Lesson, LessonClass, LessonItem, LessonProps, LessonUserItem, Lessons, LessonsProps, MemberItem, Navbar, NavbarProps, NewTrialRegistration, Organization, OrganizationProps, Pathway, PathwayClass, PathwayProps, PathwayUserItem, Pathways, PathwaysItem, PathwaysProps, People, PeopleProps, StartAnonymousLesson, StartAnonymousLessonProps, Student, StudentProps, SwitchAccount, SwitchAccountProps, TrialHome, TrialHomeProps, TrialRegistration, TrialRegistrationProps, UserItem };

package/dist/index.d.ts.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+@font-face {
+  font-family: "ProximaNova";
+  src: url(https://cdn.localcivics.io/fonts/ProximaNova.otf) format("opentype");
+}
+@font-face {
+  font-family: "ProximaNova";
+  font-weight: bold;
+  src: url(https://cdn.localcivics.io/fonts/ProximaNovaBold.otf) format("opentype");
+}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+/*
+ * Tailwind's preflight is disabled here (see tailwind.config.cjs) to avoid fighting Mantine's own
+ * global reset on the pages this round doesn't touch. But every Tailwind `border`/`border-{color}`
+ * utility silently depends on preflight's `border-style: solid` default — without it, the browser's
+ * native default (`border-style: none`) means border-width and border-color render with no visible
+ * effect at all. This is the one rule from preflight actually needed; using the lowest-specificity
+ * selector (`*`) so it never overrides a component's own more specific border-style (e.g. Mantine's
+ * dashed Dropzone).
+ */
+*, ::before, ::after {
+  border-width: 0;
+  border-style: solid;
+}
+
+/*
+ * Same root cause as the border-style rule above: with preflight disabled, a button with no
+ * explicit background class falls back to native OS button chrome (gray background, black text)
+ * instead of transparent. Restoring just the specific preflight button rules every unstyled button
+ * depends on — buttons that already set their own background/padding via Tailwind classes are
+ * unaffected, since a class selector beats this bare element selector.
+ */
+button {
+  background-color: transparent;
+  background-image: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-transform: none;
+  cursor: pointer;
+}