@local-civics/mgmt-ui 0.1.12 → 0.1.14

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

@@ -1,54 +1,33 @@
 /// <reference types="react" />
+import { TimelineItem } from "../../components/data/Timeline/Timeline";
 /**
- * HomeData
+ * HomeUserEvent
  */
-export type HomeData = {
-    user: {
-        avatar: string;
-        givenName: string;
-        familyName: string;
-        email: string;
-        job: string;
-        quote: string;
-    };
-    tenant: {
-        name: string;
-        description: string;
-        image: string;
-        website: string;
-    };
-    stats: {
-        "PROBLEMS SOLVED": {
-            value: number;
-            diff: number;
-        };
-        "LESSONS COMPLETED": {
-            value: number;
-            diff: number;
-        };
-        "BADGES EARNED": {
-            value: number;
-            diff: number;
-        };
-    };
-    timeline: {
-        key: string;
-        name: string;
-        link?: string;
-        description: string;
-        time: string;
-    }[];
-};
-/**
- * HomeMethods
- */
-export type HomeMethods = {
-    onTimelineScrollBottom: () => void;
-};
+export type HomeUserEvent = TimelineItem;
 /**
  * HomeProps
  */
-export type HomeProps = HomeData & HomeMethods;
+export type HomeProps = {
+    loading: boolean;
+    avatarURL: string;
+    givenName: string;
+    familyName: string;
+    email: string;
+    job: 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;
+};
 /**
  * Home
  * @param props

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { TabsValue } from '@mantine/core';
+import { Item } from "./Table";
+/**
+ * LessonUserItem
+ */
+export type LessonUserItem = Item;
+/**
+ * LessonGroup
+ */
+export type LessonGroup = {
+    name: string;
+    active: boolean;
+};
+/**
+ * LessonProps
+ */
+export type LessonProps = {
+    loading: boolean;
+    lessonId: string;
+    displayName: string;
+    description: string;
+    group: string;
+    groups: LessonGroup[];
+    tab: TabsValue;
+    users: LessonUserItem[];
+    onBackClick: () => void;
+    onGroupChange: (group: string) => void;
+    onPreviewClick: () => void;
+    onTabChange: (tab: TabsValue) => void;
+    onUserClick: (user: LessonUserItem) => void;
+};
+/**
+ * Lesson
+ * @param props
+ * @constructor
+ */
+export declare const Lesson: (props: LessonProps) => JSX.Element;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ * Item
+ */
+export interface Item {
+    lessonId: string;
+    userId: string;
+    avatar: string;
+    name: string;
+    email: string;
+}
+/**
+ * TableProps
+ */
+export interface TableProps {
+    loading: boolean;
+    items: Item[];
+    onClick: (user: Item) => void;
+}
+/**
+ * Table
+ * @constructor
+ * @param props
+ */
+export declare function Table(props: TableProps): JSX.Element;

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

@@ -3,7 +3,7 @@
  * LessonItem
  */
 export interface LessonItem {
-    key: string;
+    lessonId: string;
     name: string;
     description: string;
 }

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

@@ -1,32 +1,14 @@
 /// <reference types="react" />
-import { TabsValue } from '@mantine/core';
-import { LessonData } from "./Lesson/Lesson";
-import { LessonUserItem } from "./Lesson/LessonUserTable";
 import { LessonItem } from "./LessonTable";
 /**
- * LessonsData
+ * LessonsProps
  */
-export type LessonsData = {
+export type LessonsProps = {
     loading: boolean;
-    lessons: LessonItem[];
-    lesson: LessonData | null;
-};
-/**
- * LessonsMethods
- */
-export type LessonsMethods = {
+    data: LessonItem[];
     onAutocompleteChange: (next: string) => void;
-    onGroupChange: (next: string) => void;
-    onLessonClick: (lesson: LessonItem) => void;
-    onPreview: (id: string) => void;
-    onTabChange: (tab: TabsValue) => void;
-    onUserClick: (user: LessonUserItem) => void;
-    onBackClick: () => void;
+    onLessonClick: (item: LessonItem) => void;
 };
-/**
- * LessonsProps
- */
-export type LessonsProps = LessonsData & LessonsMethods;
 /**
  * Lessons
  * @param props

package/dist/providers/AdminProvider/AdminProvider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+/**
+ * AdminProviderProps
+ */
+export interface AdminProviderProps {
+    notificationLimit?: number;
+    children: React.ReactNode;
+}
+/**
+ * AdminProvider
+ * @constructor
+ * @param props
+ */
+export declare const AdminProvider: (props: AdminProviderProps) => JSX.Element;

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { AccountItem } from "./SwitchAccount/SwitchAccount";
+import { NavbarProps } from "../../components/navigation/Navbar/Navbar";
+/**
+ * AppProps
+ */
+export type AppProps = {
+    loading: boolean;
+    account: string;
+    accounts: AccountItem[];
+    navbar: React.ReactElement<NavbarProps>;
+    page: React.ReactNode;
+    onAccountChange: (account: string) => void;
+};
+/**
+ * App
+ * @param props
+ * @constructor
+ */
+export declare const App: (props: AppProps) => JSX.Element;

package/dist/shells/{Mgmt → App}/SwitchAccount/SwitchAccount.d.ts

@@ -1,23 +1,21 @@
 /// <reference types="react" />
 /**
- * AccountData
+ * AccountItem
  */
-export interface AccountData {
-    active: string;
-    accounts: {
-        key: string;
-        name: string;
-    }[];
-}
+export type AccountItem = {
+    accountId: string;
+    name: string;
+};
 /**
  * SwitchAccountProps
  */
-export interface SwitchAccountProps {
+export type SwitchAccountProps = {
     opened: boolean;
-    data: AccountData;
-    onChange: (next: string) => void;
+    account: string;
+    accounts: AccountItem[];
+    onChange: (account: string) => void;
     onClose: () => void;
-}
+};
 /**
  * SwitchAccount
  * @param props

package/dist/shells/{Mgmt → App}/component.stories.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import { MgmtProps } from "./Mgmt";
+import { AppProps } from "./App";
 import { Story } from "@storybook/react";
 /**
  * Storybook component configuration
  */
 declare const _default: {
     title: string;
-    component: (props: MgmtProps) => JSX.Element;
+    component: (props: AppProps) => JSX.Element;
 };
 export default _default;
 /**
  * Component stories
  */
-export declare const Component: Story<MgmtProps>;
+export declare const Component: Story<AppProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@local-civics/mgmt-ui",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "scripts": {

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

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-/**
- * BreakdownData
- */
-export interface BreakdownData {
-    metric: string;
-    users: {
-        name: string;
-        email: string;
-        value: number;
-    }[];
-}
-/**
- * BreakdownProps
- */
-export interface BreakdownProps {
-    data: BreakdownData;
-    onMetricChange: (next: string) => void;
-}
-/**
- * Breakdown
- * @param props
- * @constructor
- */
-export declare const Breakdown: (props: BreakdownProps) => JSX.Element;

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

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import { TabsValue } from '@mantine/core';
-import { DateRangePickerValue } from '@mantine/dates';
-import { BreakdownData } from "./Breakdown/Breakdown";
-import { OverviewData } from "./Overview/Overview";
-/**
- * DashboardData
- */
-export type DashboardData = {
-    loading: boolean;
-    dateRange: DateRangePickerValue;
-    overview: OverviewData;
-    breakdown: BreakdownData;
-    group: string;
-    groups: {
-        name: string;
-        active?: boolean;
-    }[];
-    tab: TabsValue;
-};
-/**
- * DashboardMethods
- */
-export type DashboardMethods = {
-    onBreakdownMetricChange: (next: string) => void;
-    onDateRangeChange: (next: DateRangePickerValue) => void;
-    onGroupChange: (next: string) => void;
-    onOverviewMetricChange: (next: string) => void;
-    onTabChange: (next: TabsValue) => void;
-};
-/**
- * DashboardProps
- */
-export type DashboardProps = DashboardData & DashboardMethods;
-/**
- * Dashboard
- * @param props
- * @constructor
- */
-export declare const Dashboard: (props: DashboardProps) => JSX.Element;

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

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-/**
- * OverviewData
- */
-export interface OverviewData {
-    stats: {
-        "PROBLEMS SOLVED": {
-            value: number;
-            diff: number;
-        };
-        "LESSONS COMPLETED": {
-            value: number;
-            diff: number;
-        };
-        "BADGES EARNED": {
-            value: number;
-            diff: number;
-        };
-    };
-    areaChart: {
-        metric: string;
-        points: {
-            name: string;
-            value: number;
-        }[];
-    };
-}
-/**
- * OverviewProps
- */
-export interface OverviewProps {
-    data: OverviewData;
-    onMetricChange: (next: string) => void;
-}
-/**
- * Overview
- * @param props
- * @constructor
- */
-export declare const Overview: (props: OverviewProps) => JSX.Element;

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

@@ -1,69 +0,0 @@
-/// <reference types="react" />
-import { GroupUserItem } from "./GroupUserTable";
-/**
- * GroupData
- */
-export type GroupData = {
-    id: string;
-    loading: boolean;
-    description: string;
-    name: string;
-    user: {
-        avatar: string;
-        givenName: string;
-        familyName: string;
-        email: string;
-        job: string;
-        quote: string;
-    } | null;
-    tenant: {
-        name: string;
-        description: string;
-        image: string;
-        website: string;
-    };
-    stats: {
-        "PROBLEMS SOLVED": {
-            value: number;
-            diff: number;
-        };
-        "LESSONS COMPLETED": {
-            value: number;
-            diff: number;
-        };
-        "BADGES EARNED": {
-            value: number;
-            diff: number;
-        };
-    };
-    timeline: {
-        key: string;
-        name: string;
-        link?: string;
-        description: string;
-        time: string;
-    }[];
-    users: GroupUserItem[];
-};
-/**
- * GroupMethods
- */
-export type GroupMethods = {
-    onBackClick: () => void;
-    onCreateUsers: (users: GroupUserItem[]) => void;
-    onDelete: (user: GroupUserItem) => void;
-    onRoleChange: (user: GroupUserItem, role: string | null) => void;
-    onViewProfile: (user: GroupUserItem) => void;
-    onTimelineScrollBottom: () => void;
-    onUserBackClick: () => void;
-};
-/**
- * GroupProps
- */
-export type GroupProps = GroupData & GroupMethods;
-/**
- * Group
- * @param props
- * @constructor
- */
-export declare const Group: (props: GroupProps) => JSX.Element;

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-/**
- * GroupUserItem
- */
-export type GroupUserItem = {
-    key: string;
-    avatar: string;
-    email: string;
-    givenName: string;
-    familyName: string;
-    role: string;
-    lastActivity: Date | null;
-    readonly: boolean;
-};
-/**
- * GroupUserTableProps
- */
-export interface GroupUserTableProps {
-    loading: boolean;
-    data: GroupUserItem[];
-    onChangeRole: (user: GroupUserItem, role: string | null) => void;
-    onDelete: (user: GroupUserItem) => void;
-    onViewProfile: (user: GroupUserItem) => void;
-}
-/**
- * GroupUserTable
- * @param props
- * @constructor
- */
-export declare function GroupUserTable(props: GroupUserTableProps): JSX.Element;

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

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { TabsValue } from '@mantine/core';
-import { LessonUserItem } from "./LessonUserTable";
-/**
- * LessonData
- */
-export type LessonData = {
-    loading: boolean;
-    id: string;
-    name: string;
-    description: string;
-    group: string;
-    groups: {
-        name: string;
-        active?: boolean;
-    }[];
-    tab: TabsValue;
-    users: LessonUserItem[];
-};
-/**
- * LessonMethods
- */
-export type LessonMethods = {
-    onBackClick: () => void;
-    onGroupChange: (value: string) => void;
-    onPreview: (id: string) => void;
-    onTabChange: (value: TabsValue) => void;
-    onUserClick: (item: LessonUserItem) => void;
-};
-/**
- * LessonProps
- */
-export type LessonProps = LessonData & LessonMethods;
-/**
- * Lesson
- * @param props
- * @constructor
- */
-export declare const Lesson: (props: LessonProps) => JSX.Element;

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-/**
- * LessonUserItem
- */
-export interface LessonUserItem {
-    key: string;
-    avatar: string;
-    name: string;
-    email: string;
-}
-/**
- * LessonUserTableProps
- */
-export interface LessonUserTableProps {
-    loading: boolean;
-    data: LessonUserItem[];
-    onClick: (user: LessonUserItem) => void;
-}
-/**
- * LessonUserTable
- * @constructor
- * @param props
- */
-export declare function LessonUserTable(props: LessonUserTableProps): JSX.Element;

package/dist/providers/MgmtProvider/MgmtProvider.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-/**
- * MgmtProviderProps
- */
-export interface MgmtProviderProps {
-    notificationLimit?: number;
-    children?: React.ReactNode;
-}
-/**
- * MgmtProvider
- * @constructor
- * @param props
- */
-export declare const MgmtProvider: (props: MgmtProviderProps) => JSX.Element;

package/dist/shells/Mgmt/Mgmt.d.ts

@@ -1,77 +0,0 @@
-/// <reference types="react" />
-import { TabsValue } from "@mantine/core";
-import { DateRangePickerValue } from "@mantine/dates";
-import { BadgeUserItem } from "../../pages/Badges/Badge/Table";
-import { BadgesData } from "../../pages/Badges/Badges";
-import { BadgeItem } from "../../pages/Badges/Table";
-import { GroupStackItem } from "../../pages/Groups/GroupsStack";
-import { LessonUserItem } from "../../pages/Lessons/Lesson/LessonUserTable";
-import { LessonsData } from "../../pages/Lessons/Lessons";
-import { LessonItem } from "../../pages/Lessons/LessonTable";
-import { AccountData } from "./SwitchAccount/SwitchAccount";
-import { GroupUserItem } from "../../pages/Groups/Group/GroupUserTable";
-import { GroupsData } from "../../pages/Groups/Groups";
-import { DashboardData } from "../../pages/Dashboard/Dashboard";
-import { HomeData } from "../../pages/Home/Home";
-/**
- * MgmtData
- */
-export type MgmtData = {
-    loading: boolean;
-    navbar: {
-        active: string;
-    };
-    home: HomeData;
-    dashboard: DashboardData;
-    groups: GroupsData;
-    account: AccountData;
-    lessons: LessonsData;
-    badges: BadgesData;
-};
-/**
- * MgmtMethods
- */
-export type MgmtMethods = {
-    onAccountChange: (next: string) => void;
-    onDashboardBreakdownMetricChange: (next: string) => void;
-    onDashboardDateRangeChange: (next: DateRangePickerValue) => void;
-    onDashboardGroupChange: (next: string) => void;
-    onDashboardOverviewMetricChange: (next: string) => void;
-    onDashboardTabChange: (next: TabsValue) => void;
-    onHomeTimelineScrollBottom: () => void;
-    onNavbarClick: (label: string) => void;
-    onCreateGroup: (group: GroupStackItem) => void;
-    onCreateGroupUsers: (users: GroupUserItem[]) => void;
-    onDeleteGroup: (group: GroupStackItem) => void;
-    onDeleteGroupUser: (user: GroupUserItem) => void;
-    onEditGroup: (group: GroupStackItem) => void;
-    onViewGroupUser: (user: GroupUserItem) => void;
-    onGroupBackClick: () => void;
-    onGroupUserRoleChange: (user: GroupUserItem, next: string | null) => void;
-    onGroupUserBackClick: () => void;
-    onLessonAutocompleteChange: (next: string) => void;
-    onLessonGroupChange: (next: string) => void;
-    onLessonClick: (lesson: LessonItem) => void;
-    onLessonPreview: (id: string) => void;
-    onLessonTabChange: (tab: TabsValue) => void;
-    onLessonUserClick: (user: LessonUserItem) => void;
-    onLessonBackClick: () => void;
-    onGroupUserTimelineScrollBottom: () => void;
-    onBadgeAutocompleteChange: (next: string) => void;
-    onBadgePreview: (id: string) => void;
-    onBadgeGroupChange: (next: string) => void;
-    onBadgeClick: (badge: BadgeItem) => void;
-    onBadgeTabChange: (tab: TabsValue) => void;
-    onBadgeUserClick: (user: BadgeUserItem) => void;
-    onBadgeBackClick: () => void;
-};
-/**
- * MgmtProps
- */
-export type MgmtProps = MgmtData & MgmtMethods;
-/**
- * Mgmt
- * @param props
- * @constructor
- */
-export declare const Mgmt: (props: MgmtProps) => JSX.Element;