@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/modules/space/components/Teams/index.js

@@ -1,14 +1,14 @@
-import MyTeams from "@voplus/morpho-org/es/modules/team/components/MyTeams";
-import React from "react";
-import { generatePath } from "react-router";
-import { observe } from "@voplus/morpho-ui";
-import { useLayout } from "@voplus/morpho-data";
-const Teams = (props) => {
-    const layout = useLayout();
-    return observe(() => (React.createElement("div", { className: "my-teams" },
-        React.createElement(MyTeams, { onClickItem: (id) => {
-                layout.history.push(generatePath(props.path, { active: id }));
-            } }))));
-};
-export default Teams;
+import MyTeams from "@voplus/morpho-org/es/modules/team/components/MyTeams";
+import React from "react";
+import { generatePath } from "react-router";
+import { observe } from "@voplus/morpho-ui";
+import { useLayout } from "@voplus/morpho-data";
+const Teams = (props) => {
+    const layout = useLayout();
+    return observe(() => (React.createElement("div", { className: "my-teams" },
+        React.createElement(MyTeams, { onClickItem: (id) => {
+                layout.history.push(generatePath(props.path, { active: id }));
+            } }))));
+};
+export default Teams;
 //# sourceMappingURL=index.js.map

package/es/modules/space/components/Works/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { State } from "../../pages/MySpace/state";
-declare const Works: (props: {
-    state: State;
-    path: string;
-}) => JSX.Element;
-export default Works;
+/// <reference types="react" />
+import { State } from "../../pages/MySpace/state";
+declare const Works: (props: {
+    state: State;
+    path: string;
+}) => JSX.Element;
+export default Works;

package/es/modules/space/components/Works/index.js

@@ -1,20 +1,20 @@
-import React from "react";
-import WorkList from "../../../../modules/work/components/WorkList";
-import { generatePath } from "react-router";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useLayout } from "@voplus/morpho-data";
-import { useParams } from "react-router-dom";
-const Works = (props) => {
-    const params = useParams();
-    const layout = useLayout();
-    return observe(() => (React.createElement(WorkList, { roles: true, dueDate: params.dueDate, active: params.active, onClickItem: (item) => {
-            layout.history.push(generatePath(props.path, { dueDate: params.dueDate, active: item.id }));
-        }, onTotal: (total) => {
-            runInAction(() => {
-                props.state.workTotals[params.dueDate] = total;
-            });
-        } })));
-};
-export default Works;
+import React from "react";
+import WorkList from "../../../../modules/work/components/WorkList";
+import { generatePath } from "react-router";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLayout } from "@voplus/morpho-data";
+import { useParams } from "react-router-dom";
+const Works = (props) => {
+    const params = useParams();
+    const layout = useLayout();
+    return observe(() => (React.createElement(WorkList, { roles: true, dueDate: params.dueDate, active: params.active, onClickItem: (item) => {
+            layout.history.push(generatePath(props.path, { dueDate: params.dueDate, active: item.id }));
+        }, onTotal: (total) => {
+            runInAction(() => {
+                props.state.workTotals[params.dueDate] = total;
+            });
+        } })));
+};
+export default Works;
 //# sourceMappingURL=index.js.map

package/es/modules/space/components/Works/index.less

@@ -1,18 +1,18 @@
-:global {
-	.my-space-works {
-		background-color: #fff;
-		padding: 0 !important;
-		.document-header-default {
-			position: relative;
-			background-color: transparent;
-			&:after {
-				position: absolute;
-				content: "";
-				left: 20px;
-				right: 0;
-				bottom: 0;
-				border-bottom: 1px solid #d9d9d9;
-			}
-		}
-	}
-}
+:global {
+	.my-space-works {
+		background-color: #fff;
+		padding: 0 !important;
+		.document-header-default {
+			position: relative;
+			background-color: transparent;
+			&:after {
+				position: absolute;
+				content: "";
+				left: 20px;
+				right: 0;
+				bottom: 0;
+				border-bottom: 1px solid #d9d9d9;
+			}
+		}
+	}
+}

package/es/modules/space/components/Workspaces/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const Workspaces: (props: {
-    path: string;
-}) => JSX.Element;
-export default Workspaces;
+/// <reference types="react" />
+declare const Workspaces: (props: {
+    path: string;
+}) => JSX.Element;
+export default Workspaces;

package/es/modules/space/components/Workspaces/index.js

@@ -1,18 +1,18 @@
-import MyWorkspaces from "../../../../modules/workspace/components/MyWorkspaces";
-import React from "react";
-import { generatePath } from "react-router";
-import { observe } from "@voplus/morpho-ui";
-import { useLayout } from "@voplus/morpho-data";
-const Workspaces = (props) => {
-    const layout = useLayout();
-    return observe(() => (React.createElement("div", { className: "my-workspaces" },
-        React.createElement(MyWorkspaces
-        // active={match.params.active}
-        , { 
-            // active={match.params.active}
-            onClickItem: (item) => {
-                layout.history.push(generatePath(props.path, { active: item.id }));
-            } }))));
-};
-export default Workspaces;
+import MyWorkspaces from "../../../../modules/workspace/components/MyWorkspaces";
+import React from "react";
+import { generatePath } from "react-router";
+import { observe } from "@voplus/morpho-ui";
+import { useLayout } from "@voplus/morpho-data";
+const Workspaces = (props) => {
+    const layout = useLayout();
+    return observe(() => (React.createElement("div", { className: "my-workspaces" },
+        React.createElement(MyWorkspaces
+        // active={match.params.active}
+        , { 
+            // active={match.params.active}
+            onClickItem: (item) => {
+                layout.history.push(generatePath(props.path, { active: item.id }));
+            } }))));
+};
+export default Workspaces;
 //# sourceMappingURL=index.js.map

package/es/modules/space/pages/MySpace/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import "./index.less";
-declare const MySpace: () => JSX.Element;
-export default MySpace;
+/// <reference types="react" />
+import "./index.less";
+declare const MySpace: () => JSX.Element;
+export default MySpace;

package/es/modules/space/pages/MySpace/index.js

@@ -1,194 +1,194 @@
-import "./index.less";
-import { Badge, Menu } from "antd";
-import { Navigate, Route, Routes, useResolvedPath } from "react-router-dom";
-import React, { useEffect, useMemo } from "react";
-import { faBell, faBriefcase, faEdit, faFolderMinus, faPencilRuler, faTasks, faThumbtack, faUserTie, faUsers, faWindowRestore, } from "@fortawesome/pro-light-svg-icons";
-import { useApplicationContext, useLayout, useTabItem } from "@voplus/morpho-data";
-import DocumentPage from "@voplus/morpho-document/es/pages/DocumentPage";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
-import Notifications from "../../components/Notifications";
-import PinnedPage from "../../../pin/pages/PinnedPage";
-import Roles from "../../components/Roles";
-import Scrollbars from "react-custom-scrollbars";
-import { State } from "./state";
-import { TaskState } from "./taskState";
-import Tasks from "../../components/Tasks";
-import Teams from "../../components/Teams";
-import { WorkState } from "./workState";
-import Works from "../../components/Works";
-import Workspaces from "../../components/Workspaces";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useNotificationListEffect } from "../../../../data/notification";
-import { useTaskListEffect } from "@voplus/morpho-document-core";
-import { useWorkListEffect } from "../../../../data/work";
-const MySpace = () => {
-    const { user } = useApplicationContext();
-    const url = useResolvedPath("").pathname;
-    const tab = useTabItem();
-    const layout = useLayout();
-    const state = useMemo(() => new State(layout, url, user), []);
-    const workState = useMemo(() => new WorkState(state, user), []);
-    const taskState = useMemo(() => new TaskState(state, user), []);
-    taskState.updateFilter();
-    workState.updateFilter();
-    useEffect(() => {
-        runInAction(() => (tab.title = "My Space"));
-    }, []);
-    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.unread = total || 0)), state.nUnreadOptions);
-    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.read = total || 0)), state.nReadOptions);
-    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.later = total || 0)), state.nLaterOptions);
-    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.dismissed = total || 0)), state.nDismissedOptions);
-    useWorkListEffect(null, workState.requestedEffect, workState.requestedFilter);
-    useWorkListEffect(null, workState.todayEffect, workState.todayFilter);
-    useWorkListEffect(null, workState.weekEffect, workState.weekFilter);
-    useWorkListEffect(null, workState.monthEffect, workState.monthFilter);
-    useWorkListEffect(null, workState.dueEffect, workState.dueFilter);
-    useTaskListEffect(null, taskState.createdEffect, taskState.createdFilter);
-    useTaskListEffect(null, taskState.todayEffect, taskState.todayFilter);
-    useTaskListEffect(null, taskState.weekEffect, taskState.weekFilter);
-    useTaskListEffect(null, taskState.monthEffect, taskState.monthFilter);
-    useTaskListEffect(null, taskState.unscheduledEffect, taskState.unscheduledFilter);
-    useTaskListEffect(null, taskState.dueEffect, taskState.dueFilter);
-    return observe(() => (React.createElement(MainContent, { className: "my-space-view" },
-        React.createElement(MainContent.Nav, { collapsible: true },
-            React.createElement(Scrollbars, { autoHide: true },
-                React.createElement(Menu, { mode: "inline", className: "voplus-antd-menu", defaultSelectedKeys: ["/notifications/unread"], selectedKeys: state.menuKey, defaultOpenKeys: ["Notifications"], onClick: (key) => state.navigate(key.key), items: [
-                        { key: "/pinned", label: "Pinned", icon: React.createElement(FAIcon, { icon: faThumbtack }) },
-                        { key: "/documents", label: "My Documents", icon: React.createElement(FAIcon, { icon: faFolderMinus }) },
-                        { key: "/workspace", label: "My Workspaces", icon: React.createElement(FAIcon, { icon: faBriefcase }) },
-                        { key: "/roles", label: "My Roles", icon: React.createElement(FAIcon, { icon: faUserTie }) },
-                        { key: "/teams", label: "My Teams", icon: React.createElement(FAIcon, { icon: faUsers }) },
-                        {
-                            key: "Notifications",
-                            label: "My Notifications",
-                            icon: React.createElement(FAIcon, { icon: faBell }),
-                            children: [
-                                {
-                                    key: "/notifications/unread",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Unread",
-                                        React.createElement(Badge, { count: state.notificationTotals.unread }))),
-                                },
-                                {
-                                    key: "/notifications/read",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Read",
-                                        React.createElement(Badge, { count: state.notificationTotals.read }))),
-                                },
-                                {
-                                    key: "/notifications/later",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Later",
-                                        React.createElement(Badge, { count: state.notificationTotals.later }))),
-                                },
-                                {
-                                    key: "/notifications/dismissed",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Dismissed",
-                                        React.createElement(Badge, { count: state.notificationTotals.dismissed }))),
-                                },
-                            ],
-                        },
-                        { key: "Notes", label: "My Notes", icon: React.createElement(FAIcon, { icon: faEdit }), disabled: true },
-                        {
-                            key: "Projects",
-                            label: "My Projects",
-                            icon: React.createElement(FAIcon, { icon: faWindowRestore }),
-                            disabled: true,
-                        },
-                        {
-                            key: "Tasks",
-                            label: "My Tasks",
-                            icon: React.createElement(FAIcon, { icon: faTasks }),
-                            children: [
-                                {
-                                    key: "/task/created",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Created by me",
-                                        React.createElement(Badge, { count: state.taskTotals.created }))),
-                                },
-                                {
-                                    key: "/task/today",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Today",
-                                        React.createElement(Badge, { count: state.taskTotals.today }))),
-                                },
-                                {
-                                    key: "/task/week",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "This Week",
-                                        React.createElement(Badge, { count: state.taskTotals.week }))),
-                                },
-                                {
-                                    key: "/task/month",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "This Month",
-                                        React.createElement(Badge, { count: state.taskTotals.month }))),
-                                },
-                                {
-                                    key: "/task/unscheduled",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Unscheduled",
-                                        React.createElement(Badge, { count: state.taskTotals.unscheduled }))),
-                                },
-                                {
-                                    key: "/task/due",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Due",
-                                        React.createElement(Badge, { count: state.taskTotals.due }))),
-                                },
-                            ],
-                        },
-                        {
-                            key: "Works",
-                            label: "My Works",
-                            icon: React.createElement(FAIcon, { icon: faPencilRuler }),
-                            children: [
-                                {
-                                    key: "/works/requested",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Requested by me",
-                                        React.createElement(Badge, { count: state.workTotals.requested }))),
-                                },
-                                {
-                                    key: "/works/today",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Today",
-                                        React.createElement(Badge, { count: state.workTotals.today }))),
-                                },
-                                {
-                                    key: "/works/week",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "This Week",
-                                        React.createElement(Badge, { count: state.workTotals.week }))),
-                                },
-                                {
-                                    key: "/works/month",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "This Month",
-                                        React.createElement(Badge, { count: state.workTotals.month }))),
-                                },
-                                {
-                                    key: "/works/due",
-                                    label: (React.createElement(React.Fragment, null,
-                                        "Due",
-                                        React.createElement(Badge, { count: state.workTotals.due }))),
-                                },
-                            ],
-                        },
-                    ] }))),
-        React.createElement(Routes, null,
-            React.createElement(Route, { path: `pinned/:active?`, element: React.createElement(PinnedPage, { path: `${url}/pinned/:active?` }) }),
-            React.createElement(Route, { path: `documents`, element: React.createElement(DocumentPage, { root: user.info.folderId, route: `documents` }) }),
-            React.createElement(Route, { path: `workspace/:active?`, element: React.createElement(Workspaces, { path: `${url}/workspace/:active?` }) }),
-            React.createElement(Route, { path: `roles/:active?`, element: React.createElement(Roles, { path: `${url}/roles/:active?` }) }),
-            React.createElement(Route, { path: `teams/:active?`, element: React.createElement(Teams, { path: `${url}/teams/:active?` }) }),
-            React.createElement(Route, { path: `task/:dueDate/:active?`, element: React.createElement(Tasks, { state: state, path: `${url}/task/:dueDate/:active?` }) }),
-            React.createElement(Route, { path: `works/:dueDate/:active?`, element: React.createElement(Works, { state: state, path: `${url}/works/:dueDate/:active?` }) }),
-            React.createElement(Route, { path: `notifications/:status/:active?`, element: React.createElement(Notifications, { state: state, path: `${url}/notifications/:status/:active?` }) }),
-            React.createElement(Route, { path: "/", element: React.createElement(Navigate, { to: `notifications/unread` }) })))));
-};
-export default MySpace;
+import "./index.less";
+import { Badge, Menu } from "antd";
+import { Navigate, Route, Routes, useResolvedPath } from "react-router-dom";
+import React, { useEffect, useMemo } from "react";
+import { faBell, faBriefcase, faEdit, faFolderMinus, faPencilRuler, faTasks, faThumbtack, faUserTie, faUsers, faWindowRestore, } from "@fortawesome/pro-light-svg-icons";
+import { useApplicationContext, useLayout, useTabItem } from "@voplus/morpho-data";
+import DocumentPage from "@voplus/morpho-document/es/pages/DocumentPage";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import Notifications from "../../components/Notifications";
+import PinnedPage from "../../../pin/pages/PinnedPage";
+import Roles from "../../components/Roles";
+import Scrollbars from "react-custom-scrollbars";
+import { State } from "./state";
+import { TaskState } from "./taskState";
+import Tasks from "../../components/Tasks";
+import Teams from "../../components/Teams";
+import { WorkState } from "./workState";
+import Works from "../../components/Works";
+import Workspaces from "../../components/Workspaces";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useNotificationListEffect } from "../../../../data/notification";
+import { useTaskListEffect } from "@voplus/morpho-document-core";
+import { useWorkListEffect } from "../../../../data/work";
+const MySpace = () => {
+    const { user } = useApplicationContext();
+    const url = useResolvedPath("").pathname;
+    const tab = useTabItem();
+    const layout = useLayout();
+    const state = useMemo(() => new State(layout, url, user), []);
+    const workState = useMemo(() => new WorkState(state, user), []);
+    const taskState = useMemo(() => new TaskState(state, user), []);
+    taskState.updateFilter();
+    workState.updateFilter();
+    useEffect(() => {
+        runInAction(() => (tab.title = "My Space"));
+    }, []);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.unread = total || 0)), state.nUnreadOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.read = total || 0)), state.nReadOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.later = total || 0)), state.nLaterOptions);
+    useNotificationListEffect(null, (result, total) => runInAction(() => (state.notificationTotals.dismissed = total || 0)), state.nDismissedOptions);
+    useWorkListEffect(null, workState.requestedEffect, workState.requestedFilter);
+    useWorkListEffect(null, workState.todayEffect, workState.todayFilter);
+    useWorkListEffect(null, workState.weekEffect, workState.weekFilter);
+    useWorkListEffect(null, workState.monthEffect, workState.monthFilter);
+    useWorkListEffect(null, workState.dueEffect, workState.dueFilter);
+    useTaskListEffect(null, taskState.createdEffect, taskState.createdFilter);
+    useTaskListEffect(null, taskState.todayEffect, taskState.todayFilter);
+    useTaskListEffect(null, taskState.weekEffect, taskState.weekFilter);
+    useTaskListEffect(null, taskState.monthEffect, taskState.monthFilter);
+    useTaskListEffect(null, taskState.unscheduledEffect, taskState.unscheduledFilter);
+    useTaskListEffect(null, taskState.dueEffect, taskState.dueFilter);
+    return observe(() => (React.createElement(MainContent, { className: "my-space-view" },
+        React.createElement(MainContent.Nav, { collapsible: true },
+            React.createElement(Scrollbars, { autoHide: true },
+                React.createElement(Menu, { mode: "inline", className: "voplus-antd-menu", defaultSelectedKeys: ["/notifications/unread"], selectedKeys: state.menuKey, defaultOpenKeys: ["Notifications"], onClick: (key) => state.navigate(key.key), items: [
+                        { key: "/pinned", label: "Pinned", icon: React.createElement(FAIcon, { icon: faThumbtack }) },
+                        { key: "/documents", label: "My Documents", icon: React.createElement(FAIcon, { icon: faFolderMinus }) },
+                        { key: "/workspace", label: "My Workspaces", icon: React.createElement(FAIcon, { icon: faBriefcase }) },
+                        { key: "/roles", label: "My Roles", icon: React.createElement(FAIcon, { icon: faUserTie }) },
+                        { key: "/teams", label: "My Teams", icon: React.createElement(FAIcon, { icon: faUsers }) },
+                        {
+                            key: "Notifications",
+                            label: "My Notifications",
+                            icon: React.createElement(FAIcon, { icon: faBell }),
+                            children: [
+                                {
+                                    key: "/notifications/unread",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Unread",
+                                        React.createElement(Badge, { count: state.notificationTotals.unread }))),
+                                },
+                                {
+                                    key: "/notifications/read",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Read",
+                                        React.createElement(Badge, { count: state.notificationTotals.read }))),
+                                },
+                                {
+                                    key: "/notifications/later",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Later",
+                                        React.createElement(Badge, { count: state.notificationTotals.later }))),
+                                },
+                                {
+                                    key: "/notifications/dismissed",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Dismissed",
+                                        React.createElement(Badge, { count: state.notificationTotals.dismissed }))),
+                                },
+                            ],
+                        },
+                        { key: "Notes", label: "My Notes", icon: React.createElement(FAIcon, { icon: faEdit }), disabled: true },
+                        {
+                            key: "Projects",
+                            label: "My Projects",
+                            icon: React.createElement(FAIcon, { icon: faWindowRestore }),
+                            disabled: true,
+                        },
+                        {
+                            key: "Tasks",
+                            label: "My Tasks",
+                            icon: React.createElement(FAIcon, { icon: faTasks }),
+                            children: [
+                                {
+                                    key: "/task/created",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Created by me",
+                                        React.createElement(Badge, { count: state.taskTotals.created }))),
+                                },
+                                {
+                                    key: "/task/today",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Today",
+                                        React.createElement(Badge, { count: state.taskTotals.today }))),
+                                },
+                                {
+                                    key: "/task/week",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "This Week",
+                                        React.createElement(Badge, { count: state.taskTotals.week }))),
+                                },
+                                {
+                                    key: "/task/month",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "This Month",
+                                        React.createElement(Badge, { count: state.taskTotals.month }))),
+                                },
+                                {
+                                    key: "/task/unscheduled",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Unscheduled",
+                                        React.createElement(Badge, { count: state.taskTotals.unscheduled }))),
+                                },
+                                {
+                                    key: "/task/due",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Due",
+                                        React.createElement(Badge, { count: state.taskTotals.due }))),
+                                },
+                            ],
+                        },
+                        {
+                            key: "Works",
+                            label: "My Works",
+                            icon: React.createElement(FAIcon, { icon: faPencilRuler }),
+                            children: [
+                                {
+                                    key: "/works/requested",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Requested by me",
+                                        React.createElement(Badge, { count: state.workTotals.requested }))),
+                                },
+                                {
+                                    key: "/works/today",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Today",
+                                        React.createElement(Badge, { count: state.workTotals.today }))),
+                                },
+                                {
+                                    key: "/works/week",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "This Week",
+                                        React.createElement(Badge, { count: state.workTotals.week }))),
+                                },
+                                {
+                                    key: "/works/month",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "This Month",
+                                        React.createElement(Badge, { count: state.workTotals.month }))),
+                                },
+                                {
+                                    key: "/works/due",
+                                    label: (React.createElement(React.Fragment, null,
+                                        "Due",
+                                        React.createElement(Badge, { count: state.workTotals.due }))),
+                                },
+                            ],
+                        },
+                    ] }))),
+        React.createElement(Routes, null,
+            React.createElement(Route, { path: `pinned/:active?`, element: React.createElement(PinnedPage, { path: `${url}/pinned/:active?` }) }),
+            React.createElement(Route, { path: `documents`, element: React.createElement(DocumentPage, { root: user.info.folderId, route: `documents` }) }),
+            React.createElement(Route, { path: `workspace/:active?`, element: React.createElement(Workspaces, { path: `${url}/workspace/:active?` }) }),
+            React.createElement(Route, { path: `roles/:active?`, element: React.createElement(Roles, { path: `${url}/roles/:active?` }) }),
+            React.createElement(Route, { path: `teams/:active?`, element: React.createElement(Teams, { path: `${url}/teams/:active?` }) }),
+            React.createElement(Route, { path: `task/:dueDate/:active?`, element: React.createElement(Tasks, { state: state, path: `${url}/task/:dueDate/:active?` }) }),
+            React.createElement(Route, { path: `works/:dueDate/:active?`, element: React.createElement(Works, { state: state, path: `${url}/works/:dueDate/:active?` }) }),
+            React.createElement(Route, { path: `notifications/:status/:active?`, element: React.createElement(Notifications, { state: state, path: `${url}/notifications/:status/:active?` }) }),
+            React.createElement(Route, { path: "/", element: React.createElement(Navigate, { to: `notifications/unread` }) })))));
+};
+export default MySpace;
 //# sourceMappingURL=index.js.map