@local-civics/mgmt-ui 0.1.39 → 0.1.41

package/dist/pages/Dashboard/StudentTable.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Item
+ */
+export interface Item {
+    studentId: string;
+    studentName: string;
+    className: string;
+}
+/**
+ * TableData
+ */
+export type TableData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * TableMethods
+ */
+export type TableMethods = {
+    onViewProfile: (item: Item) => void;
+};
+/**
+ * TableProps
+ */
+export type TableProps = TableData & TableMethods;
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Dashboard/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DashboardProps } from "./Dashboard";
 import { Story } from "@storybook/react";
 /**
@@ -13,3 +12,7 @@ export default _default;
  * Component stories
  */
 export declare const Component: Story<DashboardProps>;
+/**
+ * Component stories
+ */
+export declare const Mock: Story<DashboardProps>;

package/dist/pages/Home/Home.d.ts

@@ -1,32 +1,21 @@
-/// <reference types="react" />
-import { TimelineItem } from "../../components/data/Timeline/Timeline";
-/**
- * HomeUserEvent
- */
-export type HomeUserEvent = TimelineItem;
 /**
  * HomeProps
  */
 export type HomeProps = {
     loading: boolean;
     avatarURL: string;
-    givenName: string;
-    familyName: string;
-    email: string;
-    job: string;
+    name: string;
     impactStatement: string;
-    tenantName: string;
-    tenantDescription: string;
-    tenantImage: string;
-    tenantWebsite: string;
-    events: HomeUserEvent[];
-    problemsSolved: number;
-    problemsSolvedDiff: number;
-    lessonsCompleted: number;
-    lessonsCompletedDiff: number;
-    badgesCompleted: number;
-    badgesCompletedDiff: number;
-    onScrollBottom: () => void;
+    organization: {
+        name: string;
+        description: string;
+        image: string;
+        website: string;
+    };
+    onDashboardClick: () => void;
+    onClassesClick: () => void;
+    onLessonsClick: () => void;
+    onBadgesClick: () => void;
 };
 /**
  * Home

package/dist/pages/Home/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HomeProps } from "./Home";
 import { Story } from "@storybook/react";
 /**

package/dist/pages/Lesson/Lesson.d.ts

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+import { Item as ReflectionItem } from "./ReflectionTable";
 import { Item } from "./Table";
+import { Item as QuestionItem } from "./QuestionStack";
 /**
  * LessonUserItem
  */
 export type LessonUserItem = Item;
 /**
- * LessonGroup
+ * LessonClass
  */
-export type LessonGroup = {
-    groupId: string;
+export type LessonClass = {
+    classId: string;
     name: string;
     active: boolean;
 };
@@ -19,11 +20,13 @@ export type LessonProps = {
     loading: boolean;
     displayName: string;
     description: string;
-    groupId: string;
-    groups: LessonGroup[];
-    users: LessonUserItem[];
+    classId: string;
+    classes: LessonClass[];
+    students: LessonUserItem[];
+    reflections: ReflectionItem[];
+    questions: QuestionItem[];
     onBackClick: () => void;
-    onGroupChange: (group: string) => void;
+    onClassChange: (classId: string) => void;
     onPreviewClick: () => void;
     onUserClick: (user: LessonUserItem) => void;
 };

package/dist/pages/Lesson/QuestionStack.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Item
+ */
+export interface Item {
+    question: string;
+    answers: string[][];
+    choices?: string[];
+    chart?: boolean;
+}
+/**
+ * StackData
+ */
+export type StackData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * StackMethods
+ */
+export type StackMethods = {};
+/**
+ * StackProps
+ */
+export type StackProps = StackData & StackMethods;
+/**
+ * Stack
+ * @constructor
+ * @param props
+ */
+export declare function Stack(props: StackProps): JSX.Element;

package/dist/pages/Lesson/ReflectionTable.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Item
+ */
+export interface Item {
+    studentName: string;
+    reflection: string;
+    rating: number;
+}
+/**
+ * TableData
+ */
+export type TableData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * TableMethods
+ */
+export type TableMethods = {};
+/**
+ * TableProps
+ */
+export type TableProps = TableData & TableMethods;
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Lesson/Table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Item
  */

package/dist/pages/Lesson/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LessonProps } from "./Lesson";
 import { Story } from "@storybook/react";
 /**
@@ -13,3 +12,7 @@ export default _default;
  * Component stories
  */
 export declare const Component: Story<LessonProps>;
+/**
+ * Component stories
+ */
+export declare const Mock: Story<LessonProps>;

package/dist/pages/Lessons/Lessons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Item } from "./Table";
 /**
  * LessonItem

package/dist/pages/Lessons/Table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Item
  */

package/dist/pages/Lessons/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LessonsProps } from "./Lessons";
 import { Story } from "@storybook/react";
 /**

package/dist/pages/Student/AnswerTable.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Item
+ */
+export interface Item {
+    lessonId: string;
+    lessonName: string;
+    questionName: string;
+    answer: string[];
+}
+/**
+ * TableData
+ */
+export type TableData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * TableMethods
+ */
+export type TableMethods = {
+    onClick: (item: Item) => void;
+};
+/**
+ * TableProps
+ */
+export type TableProps = TableData & TableMethods;
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Student/BadgeTable.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Item
+ */
+export interface Item {
+    badgeId: string;
+    badgeName: string;
+    isComplete?: boolean;
+}
+/**
+ * TableData
+ */
+export type TableData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * TableMethods
+ */
+export type TableMethods = {
+    onClick: (item: Item) => void;
+};
+/**
+ * TableProps
+ */
+export type TableProps = TableData & TableMethods;
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Student/ReflectionTable.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Item
+ */
+export interface Item {
+    lessonId: string;
+    lessonName: string;
+    reflection: string;
+    rating: number;
+}
+/**
+ * TableData
+ */
+export type TableData = {
+    loading: boolean;
+    items: Item[];
+};
+/**
+ * TableMethods
+ */
+export type TableMethods = {
+    onClick: (item: Item) => void;
+};
+/**
+ * TableProps
+ */
+export type TableProps = TableData & TableMethods;
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/dist/pages/Student/Student.d.ts

@@ -0,0 +1,21 @@
+import { Item as BadgeItem } from "./BadgeTable";
+import { Item as AnswerItem } from "./AnswerTable";
+import { Item as ReflectionItem } from "./ReflectionTable";
+/**
+ * StudentProps
+ */
+export type StudentProps = {
+    loading: boolean;
+    name: string;
+    impactStatement: string;
+    numberOfProblemsSolved: number;
+    percentageOfLessonsCompleted: number;
+    badges: BadgeItem[];
+    answers: AnswerItem[];
+    reflections: ReflectionItem[];
+    onBackClick: () => void;
+    onBadgeClick: (item: BadgeItem) => void;
+    onAnswerClick: (item: AnswerItem) => void;
+    onReflectionClick: (item: ReflectionItem) => void;
+};
+export declare const Student: (props: StudentProps) => JSX.Element;

package/dist/pages/Student/component.stories.d.ts

@@ -0,0 +1,18 @@
+import { StudentProps } from "./Student";
+import { Story } from "@storybook/react";
+/**
+ * Storybook component configuration
+ */
+declare const _default: {
+    title: string;
+    component: (props: StudentProps) => JSX.Element;
+};
+export default _default;
+/**
+ * Component stories
+ */
+export declare const Component: Story<StudentProps>;
+/**
+ * Component stories
+ */
+export declare const Mock: Story<StudentProps>;

package/dist/shells/App/SwitchAccount/SwitchAccount.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * AccountItem
  */

package/dist/shells/App/SwitchAccount/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SwitchAccountProps } from "./SwitchAccount";
 import { Story } from "@storybook/react";
 /**

package/dist/shells/App/component.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppProps } from "./App";
 import { Story } from "@storybook/react";
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-civics/mgmt-ui",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "scripts": {
@@ -26,6 +26,7 @@
     "@tabler/icons": "^1.111.0",
     "dayjs": "^1.11.7",
     "papaparse": "^5.3.2",
+    "react-charts": "3.0.0-beta.38",
     "recharts": "^2.1.9"
   },
   "devDependencies": {

package/dist/components/data/Timeline/Timeline.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-/**
- * TimelineItem
- */
-export type TimelineItem = {
-    key: string;
-    name: string;
-    link?: string;
-    description: string;
-    time: string;
-};
-interface TimelineProps {
-    items: TimelineItem[];
-    onScrollBottom: () => void;
-}
-/**
- * Timeline
- * @param props
- * @constructor
- */
-export declare const Timeline: (props: TimelineProps) => JSX.Element;
-export {};

package/dist/pages/Group/Group.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { Item } from "./Table";
-/**
- * GroupUserItem
- */
-export type GroupUserItem = Item;
-/**
- * GroupProps
- */
-export type GroupProps = {
-    loading: boolean;
-    displayName: string;
-    description: string;
-    users: GroupUserItem[];
-    onBackClick: () => void;
-    onCreateUsers: (users: GroupUserItem[]) => void;
-    onDeleteUser: (user: GroupUserItem) => void;
-    onRoleChange: (user: GroupUserItem, role: string | null) => void;
-    onUserClick: (item: GroupUserItem) => void;
-};
-/**
- * Group
- * @param props
- * @constructor
- */
-export declare const Group: (props: GroupProps) => JSX.Element;

package/dist/pages/GroupUser/GroupUser.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { TimelineItem } from "../../components/data/Timeline/Timeline";
-/**
- * GroupUserEvent
- */
-export type GroupUserEvent = TimelineItem;
-/**
- * GroupUserProps
- */
-export type GroupUserProps = {
-    loading: boolean;
-    avatarURL: string;
-    givenName: string;
-    familyName: string;
-    email: string;
-    job: string;
-    impactStatement: string;
-    events: GroupUserEvent[];
-    problemsSolved: number;
-    problemsSolvedDiff: number;
-    lessonsCompleted: number;
-    lessonsCompletedDiff: number;
-    badgesCompleted: number;
-    badgesCompletedDiff: number;
-    onBackClick: () => void;
-    onScrollBottom: () => void;
-};
-export declare const GroupUser: (props: GroupUserProps) => JSX.Element;

package/dist/pages/Groups/Groups.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Item } from "./Table";
-/**
- * GroupItem
- */
-export type GroupItem = Item;
-/**
- * GroupsProps
- */
-export type GroupsProps = {
-    loading: boolean;
-    groups: GroupItem[];
-    onCreateGroup: (group: GroupItem) => void;
-    onDeleteGroup: (group: GroupItem) => void;
-    onGroupClick: (group: GroupItem) => void;
-};
-/**
- * Groups
- * @param props
- * @constructor
- */
-export declare const Groups: (props: GroupsProps) => JSX.Element;