@local-civics/mgmt-ui 0.1.51 → 0.1.53

package/dist/index.d.ts

@@ -1,12 +1,486 @@
-export * from './hooks/notifications';
-export * from './pages/Badge/Badge';
-export * from './pages/Badges/Badges';
-export * from './pages/Dashboard/Dashboard';
-export * from './pages/Class/Class';
-export * from './pages/Classes/Classes';
-export * from './pages/Student/Student';
-export * from './pages/Home/Home';
-export * from './pages/Lesson/Lesson';
-export * from './pages/Lessons/Lessons';
-export * from './providers/AdminProvider/AdminProvider';
-export * from './shells/App/App';
+export { showNotification, updateNotification } from '@mantine/notifications';
+import * as React from 'react';
+
+/**
+ * Item
+ */
+interface Item$g {
+    userId: string;
+    avatar: string;
+    name: string;
+    email: string;
+    isComplete?: boolean;
+}
+
+/**
+ * Item
+ */
+interface Item$f {
+    lessonId: string;
+    lessonName: string;
+    percentageCompletion: number;
+}
+
+/**
+ * BadgeUserItem
+ */
+type BadgeUserItem = Item$g;
+/**
+ * BadgeClass
+ */
+type BadgeClass = {
+    classId: string;
+    name: string;
+    active: boolean;
+};
+/**
+ * BadgeProps
+ */
+type BadgeProps = {
+    loading: boolean;
+    displayName: string;
+    description: string;
+    classes: BadgeClass[];
+    lessons: Item$f[];
+    classId: string;
+    students: BadgeUserItem[];
+    onBackClick: () => void;
+    onClassChange: (classId: string) => void;
+    onPreviewClick: () => void;
+    onUserClick: (user: BadgeUserItem) => void;
+    onLessonClick: (lesson: Item$f) => void;
+};
+/**
+ * Badge
+ * @param props
+ * @constructor
+ */
+declare const Badge: (props: BadgeProps) => JSX.Element;
+
+/**
+ * Item
+ */
+interface Item$e {
+    badgeId: string;
+    name: string;
+    description: string;
+}
+
+/**
+ * BadgeItem
+ */
+type BadgeItem = Item$e;
+/**
+ * BadgesProps
+ */
+type BadgesProps = {
+    loading: boolean;
+    badges: BadgeItem[];
+    onAutocompleteChange: (value: string) => void;
+    onBadgeClick: (badge: BadgeItem) => void;
+};
+/**
+ * Badges
+ * @param props
+ * @constructor
+ */
+declare const Badges: (props: BadgesProps) => JSX.Element;
+
+/**
+ * Item
+ */
+interface Item$d {
+    studentId: string;
+    studentName: string;
+    className: string;
+}
+
+/**
+ * Item
+ */
+interface Item$c {
+    lessonName: string;
+    studentName: string;
+    reflection: string;
+    updatedAt: string;
+}
+
+/**
+ * Item
+ */
+interface Item$b {
+    studentName: string;
+    impactStatement: string;
+}
+
+/**
+ * Item
+ */
+interface Item$a {
+    badgeId: string;
+    name: string;
+    description: string;
+    percentageCompletion: number;
+}
+
+/**
+ * Item
+ */
+interface Item$9 {
+    lessonId: string;
+    name: string;
+    description: string;
+    percentageCompletion: number;
+}
+
+/**
+ * DashboardClass
+ */
+type DashboardClass = {
+    classId: string;
+    name: string;
+};
+/**
+ * DashboardProps
+ */
+type DashboardProps = {
+    loading: boolean;
+    students: Item$d[];
+    impacts: Item$b[];
+    reflections: Item$c[];
+    classes: DashboardClass[];
+    badges: Item$a[];
+    lessons: Item$9[];
+    classId: string;
+    percentageOfAccountsCreated: number;
+    percentageOfBadgesEarned: number;
+    percentageOfLessonsCompleted: number;
+    onClassChange: (classId: string) => void;
+    onViewStudentProfile: (student: Item$d) => void;
+    onBadgeClick: (badge: Item$a) => void;
+    onLessonClick: (lesson: Item$9) => void;
+};
+/**
+ * Dashboard
+ * @param props
+ * @constructor
+ */
+declare const Dashboard: (props: DashboardProps) => JSX.Element;
+
+/**
+ * Item
+ */
+type Item$8 = {
+    classId: string;
+    studentId: string;
+    avatar: string;
+    email: string;
+    givenName: string;
+    familyName: string;
+    lastActivity: Date | null;
+    readonly: boolean;
+    hasAccount: boolean;
+    badgesEarned: number;
+    lessonsCompleted: number;
+};
+
+/**
+ * StudentItem
+ */
+type StudentItem = Item$8;
+/**
+ * ClassProps
+ */
+type ClassProps = {
+    loading: boolean;
+    displayName: string;
+    description: string;
+    students: StudentItem[];
+    percentageOfAccountsCreated: number;
+    percentageOfBadgesEarned: number;
+    percentageOfLessonsCompleted: number;
+    onBackClick: () => void;
+    onCreateStudents: (students: StudentItem[]) => void;
+    onDeleteStudent: (student: StudentItem) => void;
+    onStudentClick: (student: StudentItem) => void;
+};
+/**
+ * Class
+ * @param props
+ * @constructor
+ */
+declare const Class: (props: ClassProps) => JSX.Element;
+
+/**
+ * Item
+ */
+type Item$7 = {
+    classId: string;
+    name: string;
+    description: string;
+};
+
+/**
+ * ClassItem
+ */
+type ClassItem = Item$7;
+/**
+ * ClassesProps
+ */
+type ClassesProps = {
+    loading: boolean;
+    classes: ClassItem[];
+    onCreateClass: (group: ClassItem) => void;
+    onDeleteClass: (group: ClassItem) => void;
+    onClassClick: (group: ClassItem) => void;
+};
+/**
+ * Classes
+ * @param props
+ * @constructor
+ */
+declare const Classes: (props: ClassesProps) => JSX.Element;
+
+/**
+ * Item
+ */
+interface Item$6 {
+    badgeId: string;
+    badgeName: string;
+    isComplete?: boolean;
+}
+
+/**
+ * Item
+ */
+interface Item$5 {
+    lessonId: string;
+    lessonName: string;
+    questionName: string;
+    answer: string[];
+}
+
+/**
+ * Item
+ */
+interface Item$4 {
+    lessonId: string;
+    lessonName: string;
+    reflection: string;
+    rating: number;
+}
+
+/**
+ * StudentProps
+ */
+type StudentProps = {
+    loading: boolean;
+    name: string;
+    impactStatement: string;
+    numberOfProblemsSolved: number;
+    percentageOfLessonsCompleted: number;
+    badges: Item$6[];
+    answers: Item$5[];
+    reflections: Item$4[];
+    onBackClick: () => void;
+    onBadgeClick: (item: Item$6) => void;
+    onAnswerClick: (item: Item$5) => void;
+    onReflectionClick: (item: Item$4) => void;
+};
+declare const Student: (props: StudentProps) => JSX.Element;
+
+/**
+ * HomeProps
+ */
+type HomeProps = {
+    loading: boolean;
+    avatarURL: string;
+    name: string;
+    impactStatement: string;
+    organization: {
+        name: string;
+        description: string;
+        image: string;
+        website: string;
+    };
+    onDashboardClick: () => void;
+    onClassesClick: () => void;
+    onLessonsClick: () => void;
+    onBadgesClick: () => void;
+};
+/**
+ * Home
+ * @param props
+ * @constructor
+ */
+declare const Home: (props: HomeProps) => JSX.Element;
+
+/**
+ * Item
+ */
+interface Item$3 {
+    studentName: string;
+    reflection: string;
+    rating: number;
+}
+
+/**
+ * Item
+ */
+interface Item$2 {
+    userId: string;
+    avatar: string;
+    name: string;
+    email: string;
+    isStarted?: boolean;
+    isComplete?: boolean;
+}
+
+/**
+ * Item
+ */
+interface Item$1 {
+    question: string;
+    answers: string[][];
+    choices?: string[];
+    chart?: boolean;
+}
+
+/**
+ * LessonUserItem
+ */
+type LessonUserItem = Item$2;
+/**
+ * LessonClass
+ */
+type LessonClass = {
+    classId: string;
+    name: string;
+    active: boolean;
+};
+/**
+ * LessonProps
+ */
+type LessonProps = {
+    loading: boolean;
+    displayName: string;
+    description: string;
+    classId: string;
+    classes: LessonClass[];
+    students: LessonUserItem[];
+    reflections: Item$3[];
+    questions: Item$1[];
+    onBackClick: () => void;
+    onClassChange: (classId: string) => void;
+    onPreviewClick: () => void;
+    onUserClick: (user: LessonUserItem) => void;
+};
+/**
+ * Lesson
+ * @param props
+ * @constructor
+ */
+declare const Lesson: (props: LessonProps) => JSX.Element;
+
+/**
+ * Item
+ */
+interface Item {
+    lessonId: string;
+    name: string;
+    description: string;
+}
+
+/**
+ * LessonItem
+ */
+type LessonItem = Item;
+/**
+ * LessonsProps
+ */
+type LessonsProps = {
+    loading: boolean;
+    lessons: LessonItem[];
+    onAutocompleteChange: (next: string) => void;
+    onLessonClick: (item: LessonItem) => void;
+};
+/**
+ * Lessons
+ * @param props
+ * @constructor
+ */
+declare const Lessons: (props: LessonsProps) => JSX.Element;
+
+/**
+ * AdminProviderProps
+ */
+interface AdminProviderProps {
+    notificationLimit?: number;
+    children: React.ReactNode;
+}
+/**
+ * AdminProvider
+ * @constructor
+ * @param props
+ */
+declare const AdminProvider: (props: AdminProviderProps) => JSX.Element;
+
+/**
+ * AccountItem
+ */
+type AccountItem = {
+    accountId: string;
+    name: string;
+};
+/**
+ * SwitchAccountProps
+ */
+type SwitchAccountProps = {
+    opened: boolean;
+    account: string;
+    accounts: AccountItem[];
+    onChange: (account: string) => void;
+    onClose: () => void;
+};
+/**
+ * SwitchAccount
+ * @param props
+ * @constructor
+ */
+declare const SwitchAccount: (props: SwitchAccountProps) => JSX.Element;
+
+/**
+ * NavbarProps
+ */
+interface NavbarProps {
+    active: string;
+    navigate: (to: string) => void;
+    onLogout: () => void;
+    onSwitchAccounts?: () => void;
+}
+/**
+ * Navbar
+ * @param props
+ * @constructor
+ */
+declare const Navbar: (props: NavbarProps) => JSX.Element;
+
+/**
+ * AppProps
+ */
+type AppProps = {
+    loading: boolean;
+    account: string;
+    accounts: AccountItem[];
+    navbar: React.ReactElement<NavbarProps>;
+    page: React.ReactNode;
+    onAccountChange: (account: string) => void;
+};
+/**
+ * App
+ * @param props
+ * @constructor
+ */
+declare const App: (props: AppProps) => JSX.Element;
+
+export { AccountItem, AdminProvider, AdminProviderProps, App, AppProps, Badge, BadgeClass, BadgeItem, BadgeProps, BadgeUserItem, Badges, BadgesProps, Class, ClassItem, ClassProps, Classes, ClassesProps, Dashboard, DashboardClass, DashboardProps, Home, HomeProps, Lesson, LessonClass, LessonItem, LessonProps, LessonUserItem, Lessons, LessonsProps, Navbar, Student, StudentItem, StudentProps, SwitchAccount };