@voplus/morpho-workspace 1.0.0-dev73 → 1.0.0-mobx01

package/es/pages/Project/ProjectDefaultView/index.js

@@ -0,0 +1,65 @@
+import { BrowserRouter, Link, Redirect, Route } from "react-router-dom";
+import { faCalendarAlt, faCalendarDay, faHdd, faTasks } from "@fortawesome/pro-light-svg-icons";
+import CalendarMonth from "../../../modules/calendar/pages/CalendarMonth";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import MeetingList from "../../../modules/meeting/components/MeetingList";
+import { Menu } from "@voplus/antd";
+import React from "react";
+import TaskList from "../../../modules/tasks/pages/TaskList";
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useProject } from "../data";
+import { useRouteMatch } from "react-router";
+library.add(faCalendarAlt, faCalendarDay, faHdd, faTasks);
+const ProjectDefaultView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const project = useProject(id);
+    // const tab = useTabItem();
+    // tab.title = project.name;
+    const Summary = () => React.createElement(DocumentHeader, { id: id, size: "h2", clickNameEffect: "edit", autoSaveName: true });
+    const Tasks = () => React.createElement(TaskList, { parentId: id });
+    const Meetings = () => React.createElement(MeetingList, { parentId: id });
+    const routes = [
+        {
+            name: "Summary",
+            icon: React.createElement(FAIcon, { icon: ["fal", "hdd"] }),
+            exact: true,
+            path: "/summary",
+            component: Summary,
+        },
+        {
+            name: "Meetings",
+            icon: React.createElement(FAIcon, { icon: ["fal", "calendar-day"] }),
+            path: "/meetings",
+            component: Meetings,
+        },
+        {
+            name: "Tasks",
+            icon: React.createElement(FAIcon, { icon: ["fal", "tasks"] }),
+            path: "/tasks/",
+            component: Tasks,
+        },
+        {
+            name: "Calendar ",
+            icon: React.createElement(FAIcon, { icon: ["fal", "calendar-alt"] }),
+            path: "/calendar/",
+            component: CalendarMonth,
+        },
+    ];
+    return observe(() => (React.createElement(BrowserRouter, null,
+        React.createElement(MainContent, { className: styles["project-default-view"] },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(Menu, { defaultSelectedKeys: ["/summary"] }, routes.map((item) => (React.createElement(Menu.Item, { key: item.path },
+                    React.createElement(Link, { to: item.path },
+                        React.createElement("span", { style: { display: "inline-block", marginRight: 8, fontSize: 16, width: 20 } }, item.icon),
+                        React.createElement("span", { style: { fontSize: 16 } }, item.name))))))),
+            React.createElement("div", { className: "project-content" },
+                routes.map((item) => (React.createElement(Route, { path: item.path, exact: item.exact, component: item.component, key: item.path }))),
+                React.createElement(Redirect, { to: "/summary" }))))));
+};
+export default ProjectDefaultView;
+//# sourceMappingURL=index.js.map

package/es/pages/Project/ProjectDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Project/ProjectDefaultView/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Project/ProjectDefaultView/index.less

@@ -0,0 +1,22 @@
+@import "~@voplus/antd/es/style/themes/index.less";
+
+.project-default-view {
+	:global {
+		nav {
+			font-size: 1.15em;
+			display: flex;
+			flex-direction: column;
+			box-shadow: 2px 2px 5px #e8e8e8 !important;
+		}
+		.project-content {
+			padding: unset !important;
+			height: 100%;
+			overflow: hidden;
+			background-color: #f5f5f5;
+			.list-view-header,
+			.list-view-main {
+				background-color: #ffffff;
+			}
+		}
+	}
+}

package/es/pages/Project/data/ProjectStore.d.ts

@@ -0,0 +1,10 @@
+import { CreateDocumentOptions, DocumentStore, DocumentTypeStore, EditDocumentOptions, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
+import { ApiEndPoint } from "@voplus/api";
+import { IProject } from "./interfaces";
+export declare class ProjectStore extends DocumentTypeStore<IProject, LoadDocumentOptions, LoadDocumentListOptions, CreateDocumentOptions, EditDocumentOptions, any> {
+    /** Name of the store */
+    readonly name: string;
+    constructor(endpoint: ApiEndPoint, documents: DocumentStore);
+}
+/** 响应钩子检索 PageStore */
+export declare const useProjectStore: () => ProjectStore;

package/es/pages/Project/data/ProjectStore.js

@@ -0,0 +1,21 @@
+import { DocumentTypeStore, useDocumentStore, } from "@voplus/morpho-document-core";
+import { useStore } from "@voplus/morpho-data";
+const StoreName = "ProjectStore";
+export class ProjectStore extends DocumentTypeStore {
+    constructor(endpoint, documents) {
+        super(endpoint, "/api/project", documents);
+        /** Name of the store */
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: StoreName
+        });
+    }
+}
+/** 响应钩子检索 PageStore */
+export const useProjectStore = () => {
+    const documents = useDocumentStore();
+    return useStore(StoreName, (context) => new ProjectStore(context.api.currentEndPoint, documents));
+};
+//# sourceMappingURL=ProjectStore.js.map

package/es/pages/Project/data/ProjectStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectStore.js","sourceRoot":"","sources":["../../../../src/pages/Project/data/ProjectStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,iBAAiB,EAIjB,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAItC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,OAAO,YAAa,SAAQ,iBAOjC;IAIA,YAAmB,QAAqB,EAAE,SAAwB;QACjE,KAAK,CAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;QAJ5C,wBAAwB;QACxB;;;;mBAA+B,SAAS;WAAC;IAIzC,CAAC;CACD;AAED,uBAAuB;AACvB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,QAAQ,CACd,SAAS,EACT,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CACrE,CAAC;AACH,CAAC,CAAC"}

package/es/pages/Project/data/hook.d.ts

@@ -0,0 +1,9 @@
+import { LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
+import { IProject } from "./interfaces";
+import { ListDataContextState } from "@voplus/morpho-ui/es/data";
+export declare const useProject: (id: string, options?: LoadDocumentOptions | undefined) => import("@voplus/morpho-document-core").IDocument;
+/** React hook to retrieve a list of tasks
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export declare const useProjectListEffect: (list: ListDataContextState<IProject> | null, effect: (list: IProject[]) => void, options?: LoadDocumentListOptions | undefined) => void;

package/es/pages/Project/data/hook.js

@@ -0,0 +1,20 @@
+import { useDocumentListLoaderEffect, useDocumentStore, } from "@voplus/morpho-document-core";
+import { useLoadCountedMapItem } from "@voplus/morpho-data";
+import { useProjectStore } from "./ProjectStore";
+export const useProject = (id, options) => {
+    options = options ? options : {};
+    const store = useProjectStore();
+    const documents = useDocumentStore();
+    return useLoadCountedMapItem(id, documents.items, () => store.load(id, options), options);
+};
+/** React hook to retrieve a list of tasks
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export const useProjectListEffect = (list, effect, options) => {
+    const deps = options ? options : {};
+    const projects = useProjectStore();
+    // Call useDocumentListEffect and ensure won't load twice for same loading options.
+    return useDocumentListLoaderEffect(list, effect, () => projects.loadList(options), [deps]);
+};
+//# sourceMappingURL=hook.js.map

package/es/pages/Project/data/hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../../src/pages/Project/data/hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,2BAA2B,EAC3B,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AAItC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,OAA6B,EAAE,EAAE;IACvE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,EAA0B,CAAC;IAC1D,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,OAAO,qBAAqB,CAAC,EAAE,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,OAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CACnC,IAA2C,EAC3C,MAAkC,EAClC,OAAiC,EAChC,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,EAA8B,CAAC;IACjE,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;IAEnC,mFAAmF;IACnF,OAAO,2BAA2B,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5F,CAAC,CAAC"}

package/es/pages/Project/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ProjectStore";
+export * from "./hook";
+export * from "./interfaces";

package/es/pages/Project/data/index.js

@@ -0,0 +1,4 @@
+export * from "./ProjectStore";
+export * from "./hook";
+export * from "./interfaces";
+//# sourceMappingURL=index.js.map

package/es/pages/Project/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Project/data/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/es/pages/Project/data/interfaces.d.ts

@@ -0,0 +1,2 @@
+import { IDocument } from "@voplus/morpho-document-core";
+export declare type IProject = IDocument;

package/es/pages/Project/data/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/es/pages/Project/data/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/pages/Project/data/interfaces.ts"],"names":[],"mappings":""}

package/es/pages/Routes.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+declare const Routes: {
+    ProjectDefaultView: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
+    WorkDefaultView: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
+    WorkTypeDefaultView: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
+    MySpace: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: () => string;
+        component: () => JSX.Element;
+    };
+    addRoutes: () => void;
+};
+export default Routes;

package/es/pages/Routes.js

@@ -0,0 +1,64 @@
+import { Route, Switch } from "react-router";
+import { BaseRoutes } from "@voplus/morpho-data";
+import MySpace from "./Space/pages/MySpace";
+import ProjectDefaultView from "./Project/ProjectDefaultView";
+import React from "react";
+import WorkDefaultView from "./Work/pages/WorkDefaultView";
+import WorkTypeDefaultView from "./WorkType/WorkTypeDefaultView";
+const ProjectRoutes = () => {
+    return (React.createElement(Switch, null,
+        React.createElement(Route, { path: Routes.ProjectDefaultView.route, exact: true, component: Routes.ProjectDefaultView.component }),
+        React.createElement(Route, { path: Routes.WorkDefaultView.route, exact: true, component: Routes.WorkDefaultView.component }),
+        React.createElement(Route, { path: Routes.WorkTypeDefaultView.route, exact: true, component: Routes.WorkTypeDefaultView.component }),
+        React.createElement(Route, { path: Routes.MySpace.route, exact: true, component: Routes.MySpace.component })));
+};
+const Routes = {
+    ProjectDefaultView: {
+        route: "/project/:id",
+        tabPattern: RegExp("/project/[^/]+"),
+        getUrl: (id) => `/project/${id}`,
+        component: ProjectDefaultView,
+    },
+    WorkDefaultView: {
+        route: "/work/:id",
+        tabPattern: RegExp("/work/[^/]+"),
+        getUrl: (id) => `/work/${id}`,
+        component: WorkDefaultView,
+    },
+    WorkTypeDefaultView: {
+        route: "/workType/:id",
+        tabPattern: RegExp("/workType/[^/]+"),
+        getUrl: (id) => `/workType/${id}`,
+        component: WorkTypeDefaultView,
+    },
+    MySpace: {
+        route: "/my-space",
+        tabPattern: RegExp("/my-space"),
+        getUrl: () => `/my-space`,
+        component: MySpace,
+    },
+    addRoutes: () => {
+        BaseRoutes.routes.push({
+            name: "ProjectDefaultView",
+            tabBasePattern: Routes.ProjectDefaultView.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
+        BaseRoutes.routes.push({
+            name: "WorkDefaultView",
+            tabBasePattern: Routes.WorkDefaultView.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
+        BaseRoutes.routes.push({
+            name: "WorkTypeDefaultView",
+            tabBasePattern: Routes.WorkTypeDefaultView.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
+        BaseRoutes.routes.push({
+            name: "MySpace",
+            tabBasePattern: Routes.MySpace.tabPattern,
+            component: React.createElement(ProjectRoutes, null),
+        });
+    },
+};
+export default Routes;
+//# sourceMappingURL=Routes.js.map

package/es/pages/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Routes.js","sourceRoot":"","sources":["../../src/pages/Routes.tsx"],"names":[],"mappings":"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"}

package/es/pages/Space/components/Documents/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const Documents: (props: {
+    id: string;
+}) => JSX.Element;
+export default Documents;

package/es/pages/Space/components/Documents/index.js

@@ -0,0 +1,41 @@
+import "./index.less";
+import { useAutoUpdateListData, useDocumentListEffect, } from "@voplus/morpho-document-core";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import DocumentIcon from "@voplus/morpho-document/es/pages/VSubmit/components/DocumentIcon";
+import React from "react";
+import Scrollbars from "react-custom-scrollbars";
+import { SearchOutlined } from "@ant-design/icons";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import TimeoutInput from "@voplus/morpho-ui/es/controls/TimeoutInput";
+import { observe } from "@voplus/morpho-ui";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const Documents = (props) => {
+    const { id } = props;
+    /** 建立 ListView 和useDocumentListEffect所需的ListDataState. 会根据state.id重建所以不需reset. */
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags,path",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+        },
+    }, [id]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useDocumentListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useDocumentListEffect,使之可以自動更新loading, hasmore. */
+    useDocumentListEffect(list, (result) => list.union(result), list.filters.options);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.parentId === id);
+    return observe(() => (React.createElement("div", { className: "my-space-view_content" },
+        React.createElement("header", null,
+            React.createElement("div", { className: "title" }, "My Documents"),
+            React.createElement("div", null,
+                React.createElement(SortViewDropdown, { onSort: onSort, className: "sort-btn" }),
+                React.createElement(TimeoutInput, { suffix: React.createElement(SearchOutlined, null), allowClear: true, onIdle: (e) => console.log(e, "e") }))),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "my-document-view_list" },
+                React.createElement(ListDataContext.Provider, { value: list }, list.data.map((i) => (React.createElement(DocumentIcon, { id: i.id, key: i.id })))))))));
+    function onSort(sort) {
+        list.triggerSort(sort);
+    }
+};
+export default Documents;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Documents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Space/components/Documents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAEN,qBAAqB,EACrB,qBAAqB,GACrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,YAAY,MAAM,kEAAkE,CAAC;AAC5F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,gBAAgB,MAAM,2EAA2E,CAAC;AACzG,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,kFAAkF;IAClF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,QAAQ,EAAE,WAAW;YACrB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SAC1D;KACD,EACD,CAAC,EAAE,CAAC,CACJ,CAAC;IAEF,uEAAuE;IACvE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,sEAAsE;IACtE,qBAAqB,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAElF,mEAAmE;IACnE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC;YACC,6BAAK,SAAS,EAAC,OAAO,mBAAmB;YACzC;gBACC,oBAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,UAAU,GAAG;gBACzD,oBAAC,YAAY,IACZ,MAAM,EAAE,oBAAC,cAAc,OAAG,EAC1B,UAAU,QACV,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,GACjC,CACG,CACE;QACT,oBAAC,UAAU,IAAC,QAAQ;YACnB,6BAAK,SAAS,EAAC,uBAAuB;gBACrC,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IACnC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,oBAAC,YAAY,IAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAI,CACrC,CAAC,CACwB,CACtB,CACM,CACR,CACN,CAAC,CAAC;IACH,SAAS,MAAM,CAAC,IAAqB;QACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/pages/Space/components/Documents/index.less

@@ -0,0 +1,9 @@
+:global {
+	.my-document-view_list {
+		display: flex;
+		flex-wrap: wrap;
+		margin: 1rem 1.25rem;
+		padding: 0.75rem;
+		background-color: #fff;
+	}
+}

package/es/pages/Space/components/Notes/ColorSelect/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ColorSelect: (props: {
+    color?: string | undefined;
+    onChange?: ((option: {
+        name: string;
+        color: string;
+    }) => void) | undefined;
+}) => JSX.Element;
+export default ColorSelect;

package/es/pages/Space/components/Notes/ColorSelect/index.js

@@ -0,0 +1,30 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { faCheck } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+const colors = [
+    { name: "none", color: "#fff" },
+    { name: "yellow", color: "#ffe66e" },
+    { name: "green", color: "#a1ef9b" },
+    { name: "pink", color: "#ffafdf" },
+    { name: "purple", color: "#d7afff" },
+    { name: "blue", color: "#9edfff" },
+    { name: "grey", color: "#e0e0e0" },
+    { name: "black", color: "#767676" },
+];
+const ColorSelect = (props) => {
+    const { onChange } = props;
+    const [color, setColor] = useState("#fff");
+    useEffect(() => {
+        setColor(props.color || "#fff");
+    }, [props.color]);
+    return observe(() => (React.createElement(React.Fragment, null, colors.map((c) => (React.createElement("span", { key: c.name, className: "color-select-item", style: { backgroundColor: c.color }, onClick: () => onClick(c) }, color === c.color ? (React.createElement(FAIcon, { icon: faCheck, color: color === "#fff" ? "#999" : "#fff" })) : null))))));
+    function onClick(option) {
+        setColor(option.color);
+        if (onChange)
+            onChange(option);
+    }
+};
+export default ColorSelect;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Notes/ColorSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Space/components/Notes/ColorSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,MAAM,GAAG;IACd,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;IACpC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAClC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;IACpC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAClC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IAClC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;CACnC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAGpB,EAAE,EAAE;IACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAClB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ,QACb,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,8BACC,GAAG,EAAE,CAAC,CAAC,IAAI,EACX,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAExB,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAI,CACpE,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAC,CACc,CACjB,CAAC,CAAC;IACH,SAAS,OAAO,CAAC,MAAuC;QACvD,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,QAAQ;YAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;AACF,CAAC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/es/pages/Space/components/Notes/ColorSelect/index.less

@@ -0,0 +1,17 @@
+:global {
+	.color-select-item {
+		display: inline-block;
+		width: 22px;
+		height: 22px;
+		line-height: 22px;
+		border: 1px #f2f2f2 solid;
+		text-align: center;
+		cursor: pointer;
+		& + .color-select-item {
+			margin-left: 8px;
+		}
+		.svg-inline--fa {
+			display: inline-block;
+		}
+	}
+}

package/es/pages/Space/components/Notes/NewNoteDialog/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+import { IDocument } from "@voplus/morpho-document-core";
+declare const NewNoteDialog: (props: {
+    parentId: string;
+    visible: boolean;
+    onCancel?: (() => void) | undefined;
+    onOk?: ((t: IDocument) => void) | undefined;
+}) => JSX.Element;
+export default NewNoteDialog;

package/es/pages/Space/components/Notes/NewNoteDialog/index.js

@@ -0,0 +1,41 @@
+import "./index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import React, { useState } from "react";
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import ColorSelect from "../ColorSelect";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Modal } from "@voplus/antd";
+import ProseMirror from "@voplus/morpho-text/es/controls/ProseMirror";
+import { RequestBuilder } from "@voplus/api";
+import { localFormat } from "../../../../../data/contexts/StoreContext";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+const NewNoteDialog = (props) => {
+    const { parentId, visible, onCancel, onOk } = props;
+    const [text, setText] = useState("");
+    const [color, setColor] = useState("");
+    const documentStore = useDocumentStore();
+    return observe(() => (React.createElement(Modal, { title: React.createElement(React.Fragment, null,
+            React.createElement("div", null, "Add Note"),
+            React.createElement("div", { className: "date" }, localFormat(moment(), "dddd, MMM Do, h:mm A"))), width: "660px", visible: visible, closable: false, footer: null, className: "new-note-dialog" },
+        React.createElement("div", { className: "note-header" },
+            React.createElement(ColorSelect, { onChange: (c) => setColor(c.name) }),
+            React.createElement("div", null,
+                React.createElement(FAIcon, { icon: faTimes, color: "#999", onClick: () => onCancel && onCancel() }),
+                React.createElement(FAIcon, { icon: faCheck, color: "#52c41a", onClick: save }))),
+        React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, 
+            // defaultHtml={description || ""}
+            // readonly={!state.editable || readonly}
+            className: `note-bg-${color}`, 
+            // onClick={() => (state.editable = !readonly)}
+            onChange: (opt) => setText(opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }))));
+    async function save() {
+        const r = await documentStore.endpoint.post(`/api/documents/create`, new RequestBuilder().form({ type: "Text", name: "Note", parentId, Text: text }));
+        const t = await r.json();
+        console.log(t, "t");
+        if (onOk)
+            onOk(t);
+    }
+};
+export default NewNoteDialog;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Notes/NewNoteDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Space/components/Notes/NewNoteDialog/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Space/components/Notes/NewNoteDialog/index.less

@@ -0,0 +1,63 @@
+:global {
+	.new-note-dialog {
+		width: 680px;
+		.ant-modal-header {
+			padding: 10px 20px;
+			.ant-modal-title {
+				display: flex;
+				justify-content: space-between;
+				.date {
+					color: #999;
+					font-size: 14px;
+					font-weight: normal;
+				}
+			}
+		}
+		.ant-modal-body {
+			display: flex;
+			flex-direction: column;
+			padding: 10px 20px 20px 20px;
+			height: 50vh;
+			.note-header {
+				display: flex;
+				padding-bottom: 10px;
+				justify-content: space-between;
+				align-items: center;
+				color: #999;
+				> div {
+					flex: 1;
+					text-align: right;
+					.svg-inline--fa {
+						font-size: 19px;
+						margin-left: 15px;
+						cursor: pointer;
+					}
+				}
+			}
+			.note-bg-none {
+				background-color: transparent;
+			}
+			.note-bg-yellow {
+				background-color: #ffe66e;
+			}
+			.note-bg-green {
+				background-color: #a1ef9b;
+			}
+			.note-bg-pink {
+				background-color: #ffafdf;
+			}
+			.note-bg-purple {
+				background-color: #d7afff;
+			}
+			.note-bg-blue {
+				background-color: #9edfff;
+			}
+			.note-bg-grey {
+				background-color: #e0e0e0;
+			}
+			.note-bg-black {
+				background-color: #767676;
+			}
+		}
+	}
+}

package/es/pages/Space/components/Notes/TextNoteCard/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const TextNoteCard: (props: {
+    id: string;
+}) => JSX.Element;
+export default TextNoteCard;

package/es/pages/Space/components/Notes/TextNoteCard/index.js

@@ -0,0 +1,34 @@
+import "./index.less";
+import React, { useState } from "react";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import ColorSelect from "../ColorSelect";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { Skeleton } from "@voplus/antd";
+import { State } from "./state";
+import TextQuickViewDialog from "@voplus/morpho-document/es/components/TextQuickViewDialog";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import Viewer from "@voplus/morpho-text/es/controls/ProseMirror/Viewer";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useText } from "@voplus/morpho-text/es/data";
+const TextNoteCard = (props) => {
+    const { id } = props;
+    const note = useText(id, { reload: (t) => !t["text"] });
+    // const text = { loading: false, date: "2020-08-03" };
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(Card, { className: "text-note-card", shadow: true },
+        note.loading ? (React.createElement("div", { style: { padding: "0 20px" } },
+            React.createElement(Skeleton, { active: true }))) : (React.createElement("div", { className: "text-card-container", onMouseOver: () => runInAction(() => (state.isHover = true)), onMouseLeave: () => runInAction(() => (state.isHover = false)), style: { backgroundColor: state.color } },
+            React.createElement("div", { className: "text-note-card_header" },
+                React.createElement("div", { className: classnames("text-note-card_theme", { show: state.isHover }) },
+                    React.createElement(ColorSelect, { color: "", onChange: (c) => runInAction(() => (state.color = c.color)) })),
+                React.createElement("div", { className: classnames("text-note-card_date", { hide: state.isHover }) }, moment(note.date).format("D MMM YYYY HH:mm")),
+                React.createElement(ToolBar, { id: id },
+                    React.createElement(Open, { url: `/document/${props.id}` }))),
+            React.createElement(Viewer, { html: note.text, onClick: () => runInAction(() => (state.visible = true)) }))),
+        React.createElement(TextQuickViewDialog, { id: id, visible: state.visible, onCancel: () => runInAction(() => (state.visible = false)) }))));
+};
+export default TextNoteCard;
+//# sourceMappingURL=index.js.map

package/es/pages/Space/components/Notes/TextNoteCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Space/components/Notes/TextNoteCard/index.tsx"],"names":[],"mappings":"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"}