@voplus/morpho-workspace 1.0.0-dev41 → 1.0.0-dev42

package/es/modules/BoardView/components/TaskCard/index.js

@@ -1,52 +1,132 @@
-import { faExclamationCircle, faStar } from "@fortawesome/free-solid-svg-icons";
-import { faClock, faCommentDots, faExternalLink, faListOl, faPaperclip, faPencilAlt, faTimes, faTrashAlt, faUsers } from "@fortawesome/pro-light-svg-icons";
+import { faBars, faClock, faCommentDots, faCopy, faListOl, faPaperclip, faSave, faTimes, faUndo } from "@fortawesome/pro-light-svg-icons";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import DocumentMenu from "@voplus/morpho-document/es/components/DocumentMenu";
+import { Button, Checkbox, Input, message, Spin } from "@voplus/antd";
+import { useDocumentStore } from "@voplus/morpho-document";
+import { FileStore } from "@voplus/morpho-document/es/data/FileStore/FileContext";
+import { InlineEdit } from "@voplus/morpho-ui";
 import Card from "@voplus/morpho-ui/es/controls/Card";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import classnames from "classnames";
 import classNames from "classnames";
+import { useObserver } from "mobx-react-lite";
 import moment from "moment";
 import React, { useState } from "react";
 import AvatarList from "../../../../components/AvatarList";
+import ToolBar from "../../../../components/ToolBar";
+import FlagIcon from "../../../../controls/FlagIcon";
+import { useTask, useTaskStore } from "../../../../data/task";
 import styles from "./index.less";
+import { State } from "./state";
 const TaskCard = (props) => {
-    const { data } = { ...props };
-    const [isHover, setIsHover] = useState(false);
+    const [state] = useState(new State());
+    const [store] = useState(new FileStore());
+    const taskStore = useTaskStore();
+    const documentStore = useDocumentStore();
+    const [parentReadonly, setParentReadonly] = useState(false);
+    state.reload = !!props.reload;
+    state.task = useTask(props.id, { reload: parentReadonly });
+    const readonly = state.task.status === "Readonly";
+    const inheritedMembers = (state.task.inheritedMembers || [])
+        .filter(item => !state.task.members.some(member => member.id === item.id))
+        .map(item => ({
+        ...item,
+        disabled: true
+    }));
+    const onSaveMember = async (ids) => {
+        // state.ids = ids;
+        await taskStore.edit(state.task.id, { MemberIds: ids });
+    };
+    const onSave = async () => {
+        console.log("onSave", state.name, state.ids.length);
+        if (!state.name && !state.ids.length)
+            return;
+        const ids = [...(state.task.members || []), ...inheritedMembers].map(({ id }) => id);
+        const noChange = state.name.trim() === state.task.name &&
+            state.ids.sort().toString() === ids.sort().toString();
+        // 有变更才保存
+        if (!noChange) {
+            state.loading = true;
+            await taskStore.edit(state.task.id, { Name: state.name, MemberIds: state.ids });
+            state.loading = false;
+        }
+        state.editable = false;
+    };
+    const onEdit = () => {
+        state.name = state.task.name;
+        state.isHover = false;
+        state.editable = !state.editable;
+    };
+    const onDelete = async () => {
+        await taskStore.delete([state.task.id], { DeleteChilds: true });
+    };
+    const onMove = () => {
+        store.onMove([props.id]);
+    };
+    const onPaste = async () => {
+        if (store.moveIds.some((id) => id === props.id))
+            return message.warn("Cannot move to itself");
+        await store.onPaste(() => taskStore.move(store.moveIds, props.id));
+        state.reload = true;
+    };
+    const onLock = () => {
+        documentStore.edit(state.task.id, { Status: "Readonly" });
+    };
+    const onUnlock = () => {
+        documentStore.edit(state.task.id, { Status: "Normal" });
+    };
+    const onChangeImportant = (e) => {
+        if (readonly)
+            return;
+        e.stopPropagation();
+        taskStore.edit(state.task.id, { Important: !state.task.important });
+    };
     const iconList = (React.createElement(React.Fragment, null,
         React.createElement("span", null,
             React.createElement(FAIcon, { icon: faListOl }),
-            data.tasks || 0),
+            state.task.tasks || 0),
         React.createElement("span", null,
             React.createElement(FAIcon, { icon: faPaperclip }),
-            (data.documents || 0) - (data.tasks || 0)),
+            (state.task.documents || 0) - (state.task.tasks || 0)),
         React.createElement("span", null,
             React.createElement(FAIcon, { icon: faCommentDots }),
-            data.comments || 0),
+            state.task.comments || 0),
         React.createElement("span", null,
-            React.createElement(FAIcon, { icon: faUsers }),
-            (data.members && data.members.length) || 0)));
-    return (React.createElement(Card, { className: styles["task-card"], shadow: true },
-        React.createElement("div", { className: "task-card-head" },
-            data.status !== "" && (React.createElement(FAIcon, { style: { marginRight: "6px" }, color: data.status === "general" ? "#fd7e14" : "#8e0c03", icon: data.status === "general" ? faStar : faExclamationCircle })),
-            React.createElement("div", { className: "task-card-title" }, data.name),
-            data.members && React.createElement(AvatarList, { size: 22, editable: false, list: data.members })),
-        React.createElement("div", { className: "task-card-control" },
-            data.startDate && (React.createElement("span", null,
-                React.createElement(FAIcon, { icon: faClock }),
-                moment(data.dueDate).format("D MMM YYYY"))),
-            iconList),
-        React.createElement("div", { className: "task-card-label", onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
-            !isHover &&
-                data.label &&
-                data.label.map((item, index) => (React.createElement("div", { key: index, className: classNames("item", item === "project" && "project") },
-                    item,
-                    item === "project" && (React.createElement("span", { className: "close" },
-                        React.createElement(FAIcon, { icon: faTimes })))))),
-            isHover && (React.createElement("div", { className: "hover-operate-icon" },
-                React.createElement("div", { className: "operate-list" },
-                    React.createElement(FAIcon, { icon: faExternalLink }),
-                    React.createElement(FAIcon, { icon: faPencilAlt }),
-                    React.createElement(FAIcon, { icon: faTrashAlt, color: "red" })),
-                React.createElement(DocumentMenu, { edit: false, del: false }))))));
+            React.createElement(FAIcon, { icon: faCopy }),
+            (state.task.members && state.task.members.length) || 0)));
+    const EndDateEdit = useObserver(() => (React.createElement(InlineEdit, { editable: !readonly, defaultValue: state.task.dueDate ? moment(state.task.dueDate) : "", content: v => (React.createElement("span", null, v.store.value ? moment(v.store.value.toString()).format("YYYY/MM/DD") : "Due Date")), editTrigger: "click", onSave: (v) => (v ? taskStore.edit(state.task.id, { DueDate: v }) : null), editor: DateInputEditor })));
+    const { multiple } = props;
+    return useObserver(() => (React.createElement(Card, { className: styles["task-card"], shadow: true },
+        React.createElement("div", { className: "task-card-item", onMouseOver: () => (state.isHover = true), onMouseLeave: () => (state.isHover = false) },
+            React.createElement("div", { className: "task-card-head" },
+                multiple && React.createElement(Checkbox, { value: state.task.id, className: "multiple-box" }),
+                !multiple && (React.createElement(FlagIcon, { id: state.task.id, editable: !readonly, flag: state.task.flag, color: state.task.taskStatus === "Done" || state.isHover
+                        ? "rgba(168, 168, 168,0.5)"
+                        : "#999", onchange: onChangeImportant, className: "task-icon-star" })),
+                state.editable ? (React.createElement(Spin, { spinning: state.loading },
+                    React.createElement(Input.TextArea, { className: "task-card-title", autosize: true, autoFocus: true, value: state.name, onChange: e => (state.name = e.target.value) }))) : (React.createElement("div", { className: "task-card-title" }, state.task.name)),
+                state.task.members && (React.createElement(AvatarList, { num: 2, editable: !readonly, list: state.task.members, onChange: onSaveMember }))),
+            React.createElement("div", { className: "task-card-control" },
+                state.isHover &&
+                    !multiple &&
+                    props.connectDragSource?.(React.createElement("span", { className: classnames("task-icon-move", { show: state.editable }) }, React.createElement(FAIcon, { icon: faBars }))),
+                state.task.startDate && (React.createElement("span", null,
+                    React.createElement(FAIcon, { icon: faClock }),
+                    EndDateEdit)),
+                iconList),
+            React.createElement("div", { className: "task-card-label" },
+                !state.isHover &&
+                    !state.editable &&
+                    state.task.label?.map((item, index) => (React.createElement("div", { key: index, className: classNames("item", item === "project" && "project") },
+                        item,
+                        item === "project" && (React.createElement("span", { className: "close" },
+                            React.createElement(FAIcon, { icon: faTimes })))))),
+                state.isHover && !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
+                    React.createElement(ToolBar, { size: "small", url: `/tasks/${props.id}`, edit: false, del: false, move: !readonly, lock: state.task.status === "Draft" || state.task.status === "Normal", unlock: state.task.status === "Readonly", hoverEdit: !readonly, hoverDel: !readonly, onDelete: onDelete, onEdit: onEdit, onMove: onMove, onPaste: onPaste, onLock: onLock, onUnlock: onUnlock }))),
+                state.editable && (React.createElement("div", { className: "task-card-editable-name" },
+                    React.createElement(Button, { shape: "circle", size: "small", onClick: () => (state.editable = false) },
+                        React.createElement(FAIcon, { icon: faUndo })),
+                    React.createElement(Button, { type: "primary", size: "small", ghost: true, shape: "circle", onClick: onSave },
+                        React.createElement(FAIcon, { icon: faSave })))))))));
 };
 export default TaskCard;
 //# sourceMappingURL=index.js.map

package/es/modules/BoardView/components/TaskCard/index.js.map

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

package/es/modules/BoardView/components/TaskCard/index.less

@@ -1,10 +1,8 @@
+@import "../../../../styles/common.less";
 .task-card {
-    margin-bottom: 15px;
+	margin-bottom: 15px;
 	background: #ffffff;
 	cursor: pointer;
-    &:last-child{
-        margin-bottom: 0;
-    }
 	:global {
 		.task-card-head {
 			display: flex;
@@ -16,6 +14,7 @@
 				white-space: nowrap;
 				overflow: hidden;
 				text-overflow: ellipsis;
+				margin-left: 6px;
 			}
 		}
 		.task-card-control {
@@ -32,13 +31,24 @@
 			& > span + span {
 				margin-left: 8px;
 			}
+			> span:hover {
+				color: @primary-color;
+			}
+			.task-icon-move{
+				&:hover{
+					color: #666;
+				}
+				.svg-inline--fa {
+					margin-right: 0;
+				}
+			}
 			.svg-inline--fa {
 				margin-right: 5px;
 			}
 		}
 		.task-card-label {
-            height: 23px;
-            margin-top: 8px;
+			height: 23px;
+			margin-top: 8px;
 			.item {
 				display: inline-block;
 				font-size: 13px;
@@ -61,20 +71,46 @@
 					margin-left: 4px;
 					margin-top: 1px;
 					font-size: 10px;
-                }
-                .svg-inline--fa {
-                    transform: scale(0.7,0.9);
-                }
+				}
+				.svg-inline--fa {
+					transform: scale(0.7, 0.9);
+				}
+			}
+		}
+		.hover-operate-icon {
+			// &.show {
+			// 	display: flex;
+			// 	justify-content: flex-end;
+			// 	align-items: center;
+			// }
+			.ant-dropdown-trigger {
+				float: right;
+			}
+			.ant-btn {
+				margin: 0 8px 0 0;
 			}
-        }
-        .hover-operate-icon{
+		}
+		.task-card-editable-name {
 			display: flex;
-            .operate-list{
-                flex: 1;
-                .svg-inline--fa {
-                    margin-right: 20px;
-                }
-            }
-        }
+			justify-content: flex-end;
+			.ant-btn {
+				margin-right: 8px;
+			}
+		}
+		.task-card-item{
+			.task-icon-move {
+				opacity: 0;
+				cursor: move;
+				font-size: 16px;
+			}
+			&:hover .task-icon-move,
+			.task-icon-move.show {
+				opacity: 1;
+			}
+			&.opacity {
+				opacity: 0.5;
+			}
+		}
+		
 	}
 }

package/es/modules/BoardView/components/TaskCard/state.d.ts

@@ -0,0 +1,15 @@
+import { ITask } from "../../../../data/task";
+export declare class State {
+    task: ITask;
+    id: string;
+    ids: string[];
+    members: any[];
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    visible: boolean;
+    visibleQuickView: boolean;
+    modalType: string;
+    isHover: boolean;
+    reload: boolean;
+}

package/es/modules/BoardView/components/TaskCard/state.js

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.id = "";
+        this.ids = [];
+        this.members = [];
+        this.name = "";
+        this.editable = false;
+        this.loading = false;
+        this.visible = false;
+        this.visibleQuickView = false;
+        this.modalType = "";
+        this.isHover = false;
+        this.reload = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "task", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "ids", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
+__decorate([
+    observable
+], State.prototype, "name", void 0);
+__decorate([
+    observable
+], State.prototype, "editable", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "visibleQuickView", void 0);
+__decorate([
+    observable
+], State.prototype, "modalType", void 0);
+__decorate([
+    observable
+], State.prototype, "isHover", void 0);
+__decorate([
+    observable
+], State.prototype, "reload", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/BoardView/components/TaskCard/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/TaskCard/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QAEoB,OAAE,GAAW,EAAE,CAAC;QAChB,QAAG,GAAa,EAAE,CAAC;QACnB,YAAO,GAAU,EAAE,CAAC;QACpB,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,qBAAgB,GAAY,KAAK,CAAC;QAClC,cAAS,GAAW,EAAE,CAAC;QACvB,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAY,KAAK,CAAC;IAC5C,CAAC;CAAA;AAZY;IAAX,UAAU;mCAAoB;AACnB;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;kCAA2B;AAC1B;IAAX,UAAU;sCAA4B;AAC3B;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;+CAA0C;AACzC;IAAX,UAAU;wCAA+B;AAC9B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;qCAAgC"}

package/es/modules/BoardView/components/TaskList/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const TaskList: (props: {
+    id: string;
+    addAble?: boolean | undefined;
+    onAddAble?: ((params?: boolean | undefined) => void) | undefined;
+    checked?: boolean | undefined;
+    checkAll?: boolean | undefined;
+    onCheck?: ((params?: any) => void) | undefined;
+}) => JSX.Element;
+export default TaskList;

package/es/modules/BoardView/components/TaskList/index.js

@@ -0,0 +1,45 @@
+import { Checkbox } from "@voplus/antd";
+import SortDnD from "@voplus/morpho-ui/es/controls/SortDnD";
+import { useObserver } from "mobx-react-lite";
+import React, { useEffect, useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { useTaskListEffect, useTaskStore } from "../../../../data/task";
+import NewTaskForm from "../NewTaskForm";
+import TaskCard from "../TaskCard";
+import { State } from "./state";
+const TaskList = (props) => {
+    const taskStore = useTaskStore();
+    const [state] = useState(new State());
+    useEffect(() => {
+        state.addTaskAble = props.addAble;
+    }, [props.addAble]);
+    useEffect(() => {
+        state.checkIds = props.checkAll ? state.task.map(({ id }) => id) : [];
+    }, [props.checkAll]);
+    useTaskListEffect(list => {
+        state.task = list;
+    }, {
+        Filters: [{ c: "Document.ParentNodeId", o: "=", l: "And", v1: props.id }],
+        Page: { Page: 1, PageSize: 20 }
+    });
+    const onAddAble = () => {
+        state.addTaskAble = !state.addTaskAble;
+        props.onAddAble(state.addTaskAble);
+    };
+    const moveAfter = async (id, afterId, list) => {
+        await taskStore.moveAfter(id, afterId);
+        state.task = list;
+    };
+    const onCheck = (checkedValues) => {
+        state.checkIds = checkedValues;
+        const checkAll = checkedValues.length === state.task.length;
+        props.onCheck(checkAll);
+    };
+    return useObserver(() => (React.createElement(Scrollbars, null,
+        React.createElement(Checkbox.Group, { value: state.checkIds, onChange: onCheck },
+            React.createElement(SortDnD, { list: state.task, moveAfter: moveAfter, text: (task, index, connectDragSource) => (React.createElement(TaskCard, { id: task.id, connectDragSource: connectDragSource, multiple: props.checked })) })),
+        state.addTaskAble && React.createElement(NewTaskForm, { parentId: props.id }),
+        React.createElement("span", { className: "addTask", onClick: onAddAble }, "+ NEW TASK"))));
+};
+export default TaskList;
+//# sourceMappingURL=index.js.map

package/es/modules/BoardView/components/TaskList/index.js.map

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

package/es/modules/BoardView/components/TaskList/state.d.ts

@@ -0,0 +1,7 @@
+import { ITask } from "../../../../data/task";
+export declare class State {
+    task: ITask[];
+    id: string;
+    checkIds: string[];
+    addTaskAble: boolean;
+}

package/es/modules/BoardView/components/TaskList/state.js

@@ -0,0 +1,23 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.task = [];
+        this.id = "";
+        this.checkIds = [];
+        this.addTaskAble = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "task", void 0);
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "checkIds", void 0);
+__decorate([
+    observable
+], State.prototype, "addTaskAble", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/BoardView/components/TaskList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/TaskList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QACuB,SAAI,GAAY,EAAE,CAAC;QACnB,OAAE,GAAW,EAAE,CAAC;QAChB,aAAQ,GAAa,EAAE,CAAC;QACxB,gBAAW,GAAY,KAAK,CAAC;IACpD,CAAC;CAAA;AAJe;IAAX,UAAU;mCAA2B;AAC1B;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;uCAAgC;AAC/B;IAAX,UAAU;0CAAqC"}

package/es/modules/BoardView/pages/BoardViewList/index.d.ts

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

package/es/modules/BoardView/pages/BoardViewList/index.js

@@ -1,15 +1,16 @@
-import React, { useState } from "react";
-import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/components/ListHeader";
+import { faTimes } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-// import VoLayout from "../../../../components/VoLayout";
-import BoardColumn from "../../components/BoardColumn";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/components/ListHeader";
+import React, { useState } from "react";
 import Add from "../../components/Add";
+import BoardList from "../../components/BoardList";
+import { useTabItem } from "@voplus/morpho-data";
 import styles from "./index.less";
-import { library } from "@fortawesome/fontawesome-svg-core";
-import { faFolderOpen, faFileAlt, faTimes } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-library.add(faFolderOpen, faFileAlt);
-export default (props) => {
+// library.add(faFolderOpen, faFileAlt);
+const BoardViewList = (props) => {
+    const tab = useTabItem();
+    tab.title = "Boards";
     const [asideContext] = useState(AsideContent.createContext());
     const addFormElement = (React.createElement("div", { className: "vo-new-form" },
         React.createElement("div", { className: "new-form-header" },
@@ -19,9 +20,10 @@ export default (props) => {
         React.createElement("div", { className: "new-form-view" },
             React.createElement(Add, null))));
     return (React.createElement("div", { className: styles["vo-layout"] },
-        React.createElement(ListHeader, { onAddNewForm: () => asideContext.openAside(addFormElement, { span: 12 }) }),
+        React.createElement(ListHeader, { onAdd: () => asideContext.openAside(addFormElement, { span: 12 }) }),
         React.createElement(AsideContent, { context: asideContext },
             React.createElement("div", { className: "vo-layout-main" },
-                React.createElement(BoardColumn, null)))));
+                React.createElement(BoardList, null)))));
 };
+export default BoardViewList;
 //# sourceMappingURL=index.js.map

package/es/modules/BoardView/pages/BoardViewList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/pages/BoardViewList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AAChE,OAAO,UAAU,MAAM,uEAAuE,CAAC;AAE/F,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAE/E,0DAA0D;AAC1D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,GAAG,MAAM,sBAAsB,CAAC;AACvC,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAE3E,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACrC,eAAe,CAAC,KAAoB,EAAE,EAAE;IACvC,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,cAAc,GAAG,CACtB,6BAAK,SAAS,EAAC,aAAa;QAC3B,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,iDAAyB;YACzB,8BAAM,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,SAAS,EAAC,YAAY;gBACrE,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,GAAG,CAC1C,CACF;QACN,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,GAAG,OAAG,CACF,CACD,CACN,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;QAClC,oBAAC,UAAU,IACV,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAEvE;QACF,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;YAClC,6BAAK,SAAS,EAAE,gBAAgB;gBAC/B,oBAAC,WAAW,OAAG,CACV,CACQ,CACV,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/pages/BoardViewList/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,UAAU,MAAM,uEAAuE,CAAC;AAC/F,OAAO,KAAK,EAAE,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,GAAG,MAAM,sBAAsB,CAAC;AACvC,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,wCAAwC;AACxC,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC9C,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;IAErB,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,cAAc,GAAG,CACtB,6BAAK,SAAS,EAAC,aAAa;QAC3B,6BAAK,SAAS,EAAC,iBAAiB;YAC/B,iDAAyB;YACzB,8BAAM,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,SAAS,EAAC,YAAY;gBACrE,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,GAAG,CAC1C,CACF;QACN,6BAAK,SAAS,EAAC,eAAe;YAC7B,oBAAC,GAAG,OAAG,CACF,CACD,CACN,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;QAClC,oBAAC,UAAU,IACV,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAEhE;QACF,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;YAClC,6BAAK,SAAS,EAAE,gBAAgB;gBAC/B,oBAAC,SAAS,OAAG,CACR,CACQ,CACV,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/es/modules/BoardView/pages/BoardViewRoutes.js

@@ -3,6 +3,6 @@ import { Route } from "react-router";
 import BoardViewList from "./BoardViewList";
 export default () => {
     return (React.createElement(React.Fragment, null,
-        React.createElement(Route, { path: "/BoardView/", exact: true, component: BoardViewList })));
+        React.createElement(Route, { path: "/boards/", exact: true, component: BoardViewList })));
 };
 //# sourceMappingURL=BoardViewRoutes.js.map

package/es/modules/BoardView/pages/BoardViewRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardViewRoutes.js","sourceRoot":"","sources":["../../../../src/modules/BoardView/pages/BoardViewRoutes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,eAAe,GAAG,EAAE;IACnB,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,KAAK,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,GAAI,CACnD,CACjB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"BoardViewRoutes.js","sourceRoot":"","sources":["../../../../src/modules/BoardView/pages/BoardViewRoutes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,eAAe,GAAG,EAAE;IACnB,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,GAAI,CAChD,CACjB,CAAC;AACH,CAAC,CAAC"}

package/es/modules/calendar/CalendarRoutes.d.ts

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

package/es/modules/calendar/CalendarRoutes.js

@@ -0,0 +1,25 @@
+import { BaseRoutes } from "@voplus/morpho-data";
+import React from "react";
+import { Route, Switch } from "react-router";
+import CalendarMonth from "./pages/CalendarMonth";
+const CalendarRoutes = () => {
+    return (React.createElement(Switch, null,
+        React.createElement(Route, { path: Routes.CalendarMonth.route, exact: true, component: Routes.CalendarMonth.component })));
+};
+const Routes = {
+    CalendarMonth: {
+        route: "/calendar",
+        tabPattern: RegExp("/calendar"),
+        getUrl: () => `/calendar`,
+        component: CalendarMonth
+    },
+    addRoutes: () => {
+        BaseRoutes.routes.push({
+            name: "calendar-month",
+            tabBasePattern: Routes.CalendarMonth.tabPattern,
+            component: React.createElement(CalendarRoutes, null)
+        });
+    }
+};
+export default Routes;
+//# sourceMappingURL=CalendarRoutes.js.map

package/es/modules/calendar/CalendarRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarRoutes.js","sourceRoot":"","sources":["../../../src/modules/calendar/CalendarRoutes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC3B,OAAO,CACN,oBAAC,MAAM;QACN,oBAAC,KAAK,IACL,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,EAChC,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,SAAS,GACxC,CACM,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACd,aAAa,EAAE;QACd,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC;QAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW;QACzB,SAAS,EAAE,aAAa;KACxB;IACD,SAAS,EAAE,GAAG,EAAE;QACf,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,gBAAgB;YACtB,cAAc,EAAE,MAAM,CAAC,aAAa,CAAC,UAAU;YAC/C,SAAS,EAAE,oBAAC,cAAc,OAAG;SAC7B,CAAC,CAAC;IACJ,CAAC;CACD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/modules/calendar/pages/CalendarMonth/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "@fullcalendar/core/main.css";
+import "@fullcalendar/daygrid/main.css";
+import "@fullcalendar/timegrid/main.css";
+declare const CalendarMonth: () => JSX.Element;
+export default CalendarMonth;