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

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

@@ -1,126 +1,67 @@
-.all {
-	height: 100%;
+.board-column {
+	flex: 1;
 	display: flex;
-	justify-content: space-between;
-	margin: 10px;
-	padding: 0 10px;
-	// background-color: rgb(248, 249, 250);
+	flex-direction: column;
+	height: 100%;
+	margin-right: 20px;
+	// width: 19.5%;
+	overflow: hidden;
 	:global {
-		.content-body {
+		.content-top {
 			flex: 1;
 			display: flex;
-			flex-direction: column;
-			height: 100%;
-			margin-right: 20px;
-			// width: 19.5%;
-			overflow: hidden;
-			.content-top {
-				flex: 1;
+			justify-content: space-between;
+			height: 50px;
+			line-height: 50px;
+			padding: 0 10px;
+			background: #ffffff;
+			margin-bottom: 15px;
+			.board-name {
 				display: flex;
-				justify-content: space-between;
-				height: 50px;
-				line-height: 50px;
-				padding: 0 10px;
-				background: #ffffff;
-				margin-bottom: 15px;
-				.board-name{
-					font-size: 16px;
-					color: #000000;
-				}
-				.board-length{
+				align-items: center;
+				font-size: 16px;
+				color: #000000;
+				.task-card-title{
 					display: inline-block;
-					height: 20px;
-					font-size: 14px;
-					text-align: center;
-					color: #888888;
-					line-height: 18px;
-					padding: 0 8px;
-					border-radius: 15px;
-					border: solid 1px #888888;
-					margin-left: 15px;
-				}
-				span {
-					font-size: 16px;
-					color: #000;
 				}
-				.board-control{
+				.ant-spin-container{
 					display: flex;
-					align-items: center;
-					.svg-inline--fa{
-						cursor: pointer;
-					}
+				}
+				.ant-checkbox-wrapper{
+					margin-right: 8px;
 				}
 			}
-			.addTask{
+			.board-length {
 				display: inline-block;
+				height: 20px;
 				font-size: 14px;
-				color: #777171;
-				cursor: pointer;
-				padding: 0 6px;
-				margin-bottom: 15px;
+				text-align: center;
+				color: #888888;
+				line-height: 18px;
+				padding: 0 8px;
+				border-radius: 15px;
+				border: solid 1px #888888;
+				margin-left: 15px;
+			}
+			span {
+				font-size: 16px;
+				color: #000;
+			}
+			.board-control {
+				display: flex;
+				align-items: center;
+				.svg-inline--fa {
+					cursor: pointer;
+				}
 			}
-			// .list-body {
-			// 	height: 100%;
-			// 	display: flex;
-			// 	flex-direction: column;
-			// 	overflow: auto;
-			// 	.list-body-content {
-			// 		height: fit-content;
-					
-			// 		.content-list {
-			// 			background-color: #fff;
-			// 			margin: 10px 10px;
-			// 			padding: 10px 6px;
-			// 			box-shadow: 6px 6px 6px #888888;
-			// 			.content-status {
-			// 				background-color: red;
-			// 				color: #fff;
-			// 				line-height: 20px;
-			// 				width: 80px;
-			// 				text-align: center;
-			// 				border-radius: 5px;
-			// 			}
-			// 			i {
-			// 				font-size: 18px;
-			// 				display: block;
-			// 				color: #000;
-			// 				line-height: 24px;
-			// 				margin-top: 6px;
-			// 			}
-			// 			.content-list-bottom {
-			// 				margin-top: 20px;
-			// 				display: flex;
-			// 				justify-content: space-between;
-			// 				align-items: center;
-			// 				span {
-			// 					margin-right: 14px;
-			// 					.svg-inline--fa {
-			// 						margin-right: 3px;
-			// 					}
-			// 				}
-			// 				span:hover {
-			// 					color: #1890ff;
-			// 				}
-			// 			}
-			// 		}
-			// 	}
-			// }
-			// p {
-			// 	height: 60px;
-			// 	line-height: 60px;
-			// 	text-align: center;
-			// 	font-size: 16px;
-			// 	color: #000;
-			// 	margin-bottom: 26px;
-			// 	background-color: rgb(234, 238, 238);
-			// }
 		}
-		.add-board{
-			width: 100px;
-			font-size: 16px;
-			text-align: center;
-			line-height: 50px;
+		.addTask {
+			display: inline-block;
+			font-size: 14px;
+			color: #777171;
 			cursor: pointer;
+			padding: 0 6px;
+			margin-bottom: 15px;
 		}
 	}
 }

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

@@ -0,0 +1,11 @@
+import { IBoard } from "../../../../data/board";
+export declare class State {
+    board: IBoard;
+    name: string;
+    editable: boolean;
+    loading: boolean;
+    checked: boolean;
+    checkAll: boolean;
+    multiple: boolean;
+    AddTaskAble: boolean;
+}

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

@@ -0,0 +1,38 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.name = "";
+        this.editable = false;
+        this.loading = false;
+        this.checked = false;
+        this.checkAll = false;
+        this.multiple = false;
+        this.AddTaskAble = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "board", 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, "checked", void 0);
+__decorate([
+    observable
+], State.prototype, "checkAll", void 0);
+__decorate([
+    observable
+], State.prototype, "multiple", void 0);
+__decorate([
+    observable
+], State.prototype, "AddTaskAble", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardColumn/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QAEoB,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;QACzB,YAAO,GAAY,KAAK,CAAC;QACzB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAY,KAAK,CAAC;QAC1B,gBAAW,GAAY,KAAK,CAAC;IACjD,CAAC;CAAA;AARe;IAAX,UAAU;oCAAsB;AACxB;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;0CAAqC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const BoardList: (props: {
+    parentId?: string | undefined;
+}) => JSX.Element;
+export default BoardList;

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

@@ -0,0 +1,35 @@
+import { faCheck, faTimes } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Input, message } from "@voplus/antd";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { useObserver } from "mobx-react-lite";
+import React, { useState } from "react";
+import { useBoardStore } from "../../../../data/board";
+import { useBoardListEffect } from "../../../../data/board/hooks";
+import BoardColumn from "../BoardColumn";
+import styles from "./index.less";
+import { State } from "./state";
+const BoardList = (props) => {
+    const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#16ecec", "#FFC832"];
+    const boards = useBoardStore();
+    const [state] = useState(new State());
+    useBoardListEffect(list => {
+        state.board = list;
+    });
+    const onSave = async () => {
+        if (!state.name)
+            return message.warning("Title is required");
+        await boards.create({ Name: state.name, ParentId: props.parentId });
+    };
+    return useObserver(() => (React.createElement("div", { className: styles["board-list"] },
+        state.board.map((item, index) => {
+            return React.createElement(BoardColumn, { key: item.id, id: item.id, colorStyle: colorList[index % 6] });
+        }),
+        state.AddBoardAble && (React.createElement(Card, { className: "add-board-able", padding: "0 15px", style: { borderTop: ` solid 2px #3AC43A` } },
+            React.createElement(Input, { placeholder: "STATUS NAME", value: state.name, onChange: e => (state.name = e.target.value) }),
+            React.createElement(FAIcon, { icon: faCheck, onClick: onSave }),
+            React.createElement(FAIcon, { icon: faTimes, onClick: () => (state.AddBoardAble = false) }))),
+        React.createElement("div", { className: "add-board", onClick: () => (state.AddBoardAble = true) }, "+ ADD"))));
+};
+export default BoardList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,SAAS,GAAG,CAAC,KAA4B,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IACrF,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,kBAAkB,CAAC,IAAI,CAAC,EAAE;QACzB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAC7D,MAAM,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAChC,OAAO,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,GAAI,CAAC;QACrF,CAAC,CAAC;QACD,KAAK,CAAC,YAAY,IAAI,CACtB,oBAAC,IAAI,IACJ,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE;YAE1C,oBAAC,KAAK,IACL,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3C;YACF,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAI;YAC1C,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,GAAI,CAChE,CACP;QACD,6BAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAE/D,CACD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,39 @@
+.board-list {
+	height: 100%;
+	display: flex;
+	justify-content: space-between;
+	margin: 10px;
+	padding: 0 10px;
+	:global {
+		.add-board {
+			width: 100px;
+			font-size: 16px;
+			text-align: center;
+			line-height: 50px;
+			cursor: pointer;
+		}
+		.add-board-able {
+			flex: 0.6;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			height: 50px;
+			color: #000000;
+			line-height: 50px;
+			padding: 0 10px;
+			background: #ffffff;
+			margin-bottom: 15px;
+			.ant-input{
+				padding: 0;
+				border: none;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+			}
+			.svg-inline--fa{
+				cursor: pointer;
+				margin-left: 8px;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,7 @@
+import { IBoard } from "../../../../data/board";
+export declare class State {
+    board: IBoard[];
+    id: string;
+    name: string;
+    AddBoardAble: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/BoardList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlC,MAAM,OAAO,KAAK;IAAlB;QACuB,UAAK,GAAa,EAAE,CAAC;QACxB,OAAE,GAAW,EAAE,CAAC;QAChB,SAAI,GAAW,EAAE,CAAC;QAClB,iBAAY,GAAY,KAAK,CAAC;IAClD,CAAC;CAAA;AAJe;IAAX,UAAU;oCAA6B;AAC/B;IAAX,UAAU;iCAAwB;AACvB;IAAX,UAAU;mCAA0B;AACzB;IAAX,UAAU;2CAAsC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const NewTaskForm: (props: {
+    parentId?: string | undefined;
+    className?: string | undefined;
+    block?: boolean | undefined;
+    showView?: boolean | undefined;
+    onSave?: ((params?: any) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onShowMore?: (() => void) | undefined;
+}) => JSX.Element;
+export default NewTaskForm;

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

@@ -0,0 +1,66 @@
+import { faCalendar, faCalendarCheck, faFlag, faListAlt, faTimes, faUserPlus } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Button, DatePicker, Form, Input, Modal, Spin } from "@voplus/antd";
+import { ContactSelect } from "@voplus/morpho-org";
+import { useObserver } from "mobx-react-lite";
+import moment from "moment";
+import React, { useState } from "react";
+import FlagIcon from "../../../../controls/FlagIcon";
+import { useTaskStore } from "../../../../data/task";
+import TaskForm from "../../../tasks/components/NewTaskForm";
+import styles from "./index.less";
+import { State } from "./state";
+const NewTaskForm = (props) => {
+    const tasks = useTaskStore();
+    const [state] = useState(new State());
+    const [startDate, setStartDate] = useState("");
+    const [dueDate, setDueDate] = useState("");
+    const onChange = (value, dateString, type) => {
+        type === "start" ? (state.params.StartDate = value) : (state.params.DueDate = value);
+        type === "start"
+            ? setStartDate(moment(dateString.toString()).format("D MMM"))
+            : setDueDate(moment(dateString.toString()).format("D MMM"));
+    };
+    const disabledStartDate = (StartDate) => {
+        const { DueDate } = state.params;
+        if (!StartDate || !DueDate) {
+            return false;
+        }
+        return +moment(StartDate) > +moment(DueDate);
+    };
+    const disabledEndDate = (DueDate) => {
+        const { StartDate } = state.params;
+        if (!DueDate || !StartDate) {
+            return false;
+        }
+        return +moment(DueDate) <= +moment(StartDate);
+    };
+    return useObserver(() => (React.createElement("div", { className: styles["add-board-form"] },
+        React.createElement(Form, null,
+            React.createElement(Form.Item, null,
+                React.createElement(Spin, { spinning: false },
+                    React.createElement("div", { className: "form-item-layout" },
+                        React.createElement(Input, { autoFocus: true, placeholder: "Task name", prefix: React.createElement(FAIcon, { icon: faTimes }) }),
+                        React.createElement("span", { className: "detailed", onClick: () => (state.visible = true) },
+                            React.createElement(FAIcon, { icon: faListAlt }))))),
+            React.createElement(Form.Item, null,
+                React.createElement("div", { className: "form-controls" },
+                    React.createElement("div", { className: "form-controls-icons" },
+                        React.createElement(FlagIcon, { id: props.parentId, icon: React.createElement(FAIcon, { icon: faFlag }), className: "task-icon-star" }),
+                        React.createElement("span", { className: "datePicker" },
+                            startDate ? (React.createElement("span", { className: "task-date" }, startDate)) : (React.createElement(FAIcon, { icon: faCalendar })),
+                            React.createElement(DatePicker, { value: state.params.StartDate, disabledDate: value => disabledStartDate(value), onChange: (value, dateString, type) => onChange(value, dateString, "start"), allowClear: false })),
+                        React.createElement("span", { className: "datePicker" },
+                            dueDate ? (React.createElement("span", { className: "task-date" }, dueDate)) : (React.createElement(FAIcon, { icon: faCalendarCheck })),
+                            React.createElement(DatePicker, { value: state.params.DueDate, disabledDate: value => disabledEndDate(value), onChange: (value, dateString, type) => onChange(value, dateString, "due"), allowClear: false })),
+                        React.createElement("span", { className: "task-manager", onClick: () => (state.assign = !state.assign) },
+                            React.createElement(FAIcon, { icon: faUserPlus })),
+                        state.assign && (React.createElement(ContactSelect, { multiple: true, onChange: (contacts) => (state.params.ManagerIds = contacts.map(({ id }) => id)) }))),
+                    React.createElement(Button, { type: "primary", size: "small" }, "SAVE")))),
+        React.createElement(Modal, { title: "New Task", visible: state.visible, footer: null, 
+            // onOk={this.handleOk}
+            onCancel: () => (state.visible = false) },
+            React.createElement(TaskForm, { parentId: props.parentId })))));
+};
+export default NewTaskForm;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,91 @@
+@import "../../../../styles/common.less";
+.add-board-form {
+	padding: 10px 15px;
+	background: #ffffff;
+	border: 1px solid #2196f3;
+	box-shadow: 1px 1px 0px #2196f3;
+	margin-bottom: 15px;
+	:global {
+		.ant-form-item {
+			margin-bottom: 0;
+		}
+		.form-item-layout {
+			display: flex;
+			align-items: center;
+			padding-right: 5px;
+			.ant-input {
+				font-size: 15px;
+				height: 32px;
+				line-height: 32px;
+				border: none;
+				padding-left: 18px;
+				margin-bottom: 0px;
+			}
+			.ant-input:focus {
+				box-shadow: none;
+			}
+			.ant-input-affix-wrapper .ant-input-prefix {
+				left: 0;
+			}
+			.detailed {
+				font-size: 20px;
+				margin-left: 10px;
+				cursor: pointer;
+			}
+		}
+		.form-controls {
+			display: flex;
+			align-items: center;
+			.form-controls-icons {
+				flex: 1;
+				font-size: 16px;
+				> span {
+					margin-right: 15px;
+				}
+				.svg-inline--fa {
+					cursor: pointer;
+					// margin-right: 15px;
+				}
+				.svg-inline--fa:hover {
+					color: @primary-color;
+				}
+				.datePicker {
+					position: relative;
+					.task-date {
+						font-size: 14px;
+					}
+					.ant-calendar-picker {
+						position: absolute;
+						left: 0;
+						top: 0;
+						width: 100%;
+						height: 100%;
+					}
+					.ant-calendar-picker-input.ant-input {
+						width: 100%;
+						height: 100%;
+						padding: 0;
+						border: none;
+						opacity: 0;
+						&:focus {
+							box-shadow: none;
+						}
+					}
+					.ant-calendar-picker-icon {
+						display: none;
+					}
+				}
+				// .task-manager {
+				// 	flex:1;
+				// 	position: relative;
+				// 	.ant-select {
+				// 		position: absolute;
+				// 		left: 0;
+				// 		top: 0;
+				// 		width: 650%;
+				// 	}
+				// }
+			}
+		}
+	}
+}

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

@@ -0,0 +1,24 @@
+export declare class State {
+    Params: {
+        Name: string;
+        Description: string;
+        StartDate: undefined;
+        DueDate: undefined;
+        ManagerIds: never[];
+        MemberIds: never[];
+        InheritMembers: boolean;
+    };
+    params: {
+        Name: string;
+        Description: string;
+        StartDate: undefined;
+        DueDate: undefined;
+        ManagerIds: never[];
+        MemberIds: never[];
+        InheritMembers: boolean;
+    };
+    assign: boolean;
+    visible: boolean;
+    showMore: boolean;
+    loading: boolean;
+}

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

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.Params = {
+            // ParentId: "",
+            Name: "",
+            Description: "",
+            StartDate: undefined,
+            DueDate: undefined,
+            ManagerIds: [],
+            MemberIds: [],
+            InheritMembers: false
+        };
+        this.params = this.Params;
+        this.assign = false;
+        this.visible = false;
+        this.showMore = false;
+        this.loading = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "assign", void 0);
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "showMore", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/BoardView/components/NewTaskForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACQ,WAAM,GAAG;YACf,gBAAgB;YAChB,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,EAAE;YACf,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,SAAS;YAClB,UAAU,EAAE,EAAE;YACd,SAAS,EAAE,EAAE;YACb,cAAc,EAAE,KAAK;SACrB,CAAC;QACiB,WAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACrB,WAAM,GAAY,KAAK,CAAC;QACxB,YAAO,GAAY,KAAK,CAAC;QACzB,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;IAC7C,CAAC;CAAA;AALY;IAAX,UAAU;qCAA6B;AAC5B;IAAX,UAAU;qCAAgC;AAC/B;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;uCAAkC;AACjC;IAAX,UAAU;sCAAiC"}

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 declare const TaskCard: (props: {
-    data: any;
+    id: string;
+    reload?: boolean | undefined;
+    multiple?: boolean | undefined;
+    connectDragSource?: any;
 }) => JSX.Element;
 export default TaskCard;