@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/modules/meeting/components/AgendaList/AgendaItem/components/TaskList/state.js

@@ -1,111 +1,111 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor(_store) {
-        Object.defineProperty(this, "_store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: _store
-        });
-        Object.defineProperty(this, "props", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "tasks", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "loading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        Object.defineProperty(this, "onTaskCreated", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (s, t) => {
-                if (t.parentId === this.props.id && t.type == "Task") {
-                    this.tasks.push(t);
-                }
-            }
-        });
-        Object.defineProperty(this, "onTaskDeleted", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (s, t) => {
-                if (t.type == "Task")
-                    this.tasks = this.tasks.filter((task) => task.id !== t.id);
-            }
-        });
-        Object.defineProperty(this, "subscribeOnTaskCreateCallback", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this._store.DocumentCreatedEvent.subscribe(this.onTaskCreated);
-                this._store.DocumentDeletedEvent.subscribe(this.onTaskDeleted);
-                return () => {
-                    this._store.DocumentCreatedEvent.unsubscribe(this.onTaskCreated);
-                    this._store.DocumentDeletedEvent.unsubscribe(this.onTaskDeleted);
-                };
-            }
-        });
-        Object.defineProperty(this, "onAddTask", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.addAble = !this.addAble;
-            }
-        });
-        Object.defineProperty(this, "moveAfter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: async (id, afterId, list) => {
-                await this._store.moveAfter(id, afterId);
-                // this.tasks = list;
-            }
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "tasks", void 0);
-__decorate([
-    observable
-], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "loading", void 0);
-__decorate([
-    action
-], State.prototype, "onTaskCreated", void 0);
-__decorate([
-    action
-], State.prototype, "onTaskDeleted", void 0);
-__decorate([
-    action
-], State.prototype, "subscribeOnTaskCreateCallback", void 0);
-__decorate([
-    action
-], State.prototype, "onAddTask", void 0);
-__decorate([
-    action
-], State.prototype, "moveAfter", void 0);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor(_store) {
+        Object.defineProperty(this, "_store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _store
+        });
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "tasks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onTaskCreated", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (s, t) => {
+                if (t.parentId === this.props.id && t.type == "Task") {
+                    this.tasks.push(t);
+                }
+            }
+        });
+        Object.defineProperty(this, "onTaskDeleted", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (s, t) => {
+                if (t.type == "Task")
+                    this.tasks = this.tasks.filter((task) => task.id !== t.id);
+            }
+        });
+        Object.defineProperty(this, "subscribeOnTaskCreateCallback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this._store.DocumentCreatedEvent.subscribe(this.onTaskCreated);
+                this._store.DocumentDeletedEvent.subscribe(this.onTaskDeleted);
+                return () => {
+                    this._store.DocumentCreatedEvent.unsubscribe(this.onTaskCreated);
+                    this._store.DocumentDeletedEvent.unsubscribe(this.onTaskDeleted);
+                };
+            }
+        });
+        Object.defineProperty(this, "onAddTask", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.addAble = !this.addAble;
+            }
+        });
+        Object.defineProperty(this, "moveAfter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (id, afterId, list) => {
+                await this._store.moveAfter(id, afterId);
+                // this.tasks = list;
+            }
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "tasks", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+__decorate([
+    action
+], State.prototype, "onTaskCreated", void 0);
+__decorate([
+    action
+], State.prototype, "onTaskDeleted", void 0);
+__decorate([
+    action
+], State.prototype, "subscribeOnTaskCreateCallback", void 0);
+__decorate([
+    action
+], State.prototype, "onAddTask", void 0);
+__decorate([
+    action
+], State.prototype, "moveAfter", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/meeting/components/AgendaList/AgendaItem/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import "./index.less";
-import { AgendaItemProps } from "./state";
-declare const AgendaItem: (props: AgendaItemProps) => JSX.Element;
-export default AgendaItem;
+/// <reference types="react" />
+import "./index.less";
+import { AgendaItemProps } from "./state";
+declare const AgendaItem: (props: AgendaItemProps) => JSX.Element;
+export default AgendaItem;

package/es/modules/meeting/components/AgendaList/AgendaItem/index.js

@@ -1,82 +1,82 @@
-import "./index.less";
-import { State } from "./state";
-import { Button, Row, Tooltip } from "antd";
-import React, { useEffect, useState } from "react";
-import { autorun, runInAction } from "mobx";
-import { faBars, faChevronDown, faChevronUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
-import { faClipboard, faTasksAlt } from "@fortawesome/pro-duotone-svg-icons";
-import { useAgenda, useAgendaStore } from "../../../../../data/meeting";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import TaskList from "./components/TaskList";
-import { TextEditor } from "@voplus/morpho-text";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import classnames from "classnames";
-import { observe } from "@voplus/morpho-ui";
-import { useAgendaContext } from "../AgendaContext";
-const AgendaItem = (props) => {
-    const { id, index, multiple, connectDragSource, preview, reload } = props;
-    const agendaStore = useAgendaStore();
-    const context = useAgendaContext();
-    const state = context.getState(id, () => new State(agendaStore));
-    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
-    useEffect(() => {
-        runInAction(() => {
-            context._data.map((i) => {
-                if (i.id === id)
-                    state.collapse = i.collapse;
-            });
-        });
-    }, [context.collapsed]);
-    const agenda = useAgenda(id, { reload: !!reload });
-    const [scroll, setScroll] = useState(false);
-    state.update(agenda);
-    useEffect(() => {
-        runInAction(() => (state.collapse = !!props.preview));
-    }, [preview]);
-    return observe(() => (React.createElement("div", { className: "agenda-item-view" },
-        React.createElement(DocumentHeader, { id: id, size: "h2", className: "agenda-item-header", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null, state.over && connectDragSource && (React.createElement("div", { className: "sort-icon-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
-                React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
-                    React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
-                        React.createElement(Button, { type: "link", onClick: changeCollapse },
-                            React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))))) }),
-        !state.collapse && (React.createElement("div", { className: classnames("agenda-item-box", { "collapse-inactive": state.collapse }) },
-            React.createElement("div", { className: "section-title" },
-                React.createElement(FAIcon, { icon: faCommentAltLines, color: "#666" }),
-                "Agenda Description"),
-            React.createElement(DescriptionEditor, { id: id, description: agenda.description, readonly: state.readonly, collapsible: false }),
-            React.createElement("div", { className: "section-title" },
-                React.createElement(FAIcon, { icon: faClipboard, color: "#666" }),
-                "Agenda Minutes"),
-            React.createElement(TextEditor, { id: id, proseMirrorProps: {
-                    readonly: state.textOnly,
-                    onClick: () => {
-                        state.textOnly = state.readonly;
-                        setScroll(true);
-                    },
-                    onBlur: () => {
-                        state.textOnly = true;
-                        setScroll(false);
-                    },
-                    scroll: scroll,
-                    showNoContent: true,
-                    className: classnames({ "agenda-minutes": !state.textOnly }),
-                } }),
-            React.createElement("div", { className: "agenda-task-list-view" },
-                React.createElement(Row, { justify: "space-between", align: "middle" },
-                    React.createElement("div", { className: "section-title" },
-                        React.createElement(FAIcon, { icon: faTasksAlt, color: "#666" }),
-                        " Action Tasks"),
-                    !state.readonly && (React.createElement(Button, { type: state.addAble ? "text" : "link", onClick: () => state.onAddTask(!state.addAble), className: "add-agenda-task-btn" }, state.addAble ? "Cancel" : "Add Task"))),
-                React.createElement(TaskList, { id: id, editable: state.addAble && !state.readonly })))))));
-    /** change item collapse */
-    function changeCollapse() {
-        runInAction(() => {
-            state.collapse = !state.collapse;
-            // props.changeCollapse?.(state.collapse);
-        });
-    }
-};
-export default AgendaItem;
+import "./index.less";
+import { State } from "./state";
+import { Button, Row, Tooltip } from "antd";
+import React, { useEffect, useState } from "react";
+import { autorun, runInAction } from "mobx";
+import { faBars, faChevronDown, faChevronUp, faCommentAltLines, } from "@fortawesome/pro-light-svg-icons";
+import { faClipboard, faTasksAlt } from "@fortawesome/pro-duotone-svg-icons";
+import { useAgenda, useAgendaStore } from "../../../../../data/meeting";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import TaskList from "./components/TaskList";
+import { TextEditor } from "@voplus/morpho-text";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { useAgendaContext } from "../AgendaContext";
+const AgendaItem = (props) => {
+    const { id, index, multiple, connectDragSource, preview, reload } = props;
+    const agendaStore = useAgendaStore();
+    const context = useAgendaContext();
+    const state = context.getState(id, () => new State(agendaStore));
+    useEffect(() => autorun(() => context.setCollapse(id, state.collapse)), [id]);
+    useEffect(() => {
+        runInAction(() => {
+            context._data.map((i) => {
+                if (i.id === id)
+                    state.collapse = i.collapse;
+            });
+        });
+    }, [context.collapsed]);
+    const agenda = useAgenda(id, { reload: !!reload });
+    const [scroll, setScroll] = useState(false);
+    state.update(agenda);
+    useEffect(() => {
+        runInAction(() => (state.collapse = !!props.preview));
+    }, [preview]);
+    return observe(() => (React.createElement("div", { className: "agenda-item-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h2", className: "agenda-item-header", clickNameEffect: "edit", autoSaveName: true, itemHover: true, skeletonVisible: false, quickDataBarVisible: false, flagVisible: false, onMouse: (over) => (state.over = over), pre: React.createElement(React.Fragment, null, state.over && connectDragSource && (React.createElement("div", { className: "sort-icon-move" }, connectDragSource(React.createElement("span", null, React.createElement(FAIcon, { icon: faBars })))))), tools: React.createElement("div", { style: { visibility: state.over ? "visible" : "hidden" }, className: "page-item-tools" },
+                React.createElement(ToolBar, { id: id, moreProps: { buttonProps: { size: "middle" } } },
+                    React.createElement(Tooltip, { title: state.collapse ? "Expand" : "Collapse" },
+                        React.createElement(Button, { type: "link", onClick: changeCollapse },
+                            React.createElement(FAIcon, { icon: state.collapse ? faChevronDown : faChevronUp }))))) }),
+        !state.collapse && (React.createElement("div", { className: classnames("agenda-item-box", { "collapse-inactive": state.collapse }) },
+            React.createElement("div", { className: "section-title" },
+                React.createElement(FAIcon, { icon: faCommentAltLines, color: "#666" }),
+                "Agenda Description"),
+            React.createElement(DescriptionEditor, { id: id, description: agenda.description, readonly: state.readonly, collapsible: false }),
+            React.createElement("div", { className: "section-title" },
+                React.createElement(FAIcon, { icon: faClipboard, color: "#666" }),
+                "Agenda Minutes"),
+            React.createElement(TextEditor, { id: id, proseMirrorProps: {
+                    readonly: state.textOnly,
+                    onClick: () => {
+                        state.textOnly = state.readonly;
+                        setScroll(true);
+                    },
+                    onBlur: () => {
+                        state.textOnly = true;
+                        setScroll(false);
+                    },
+                    scroll: scroll,
+                    showNoContent: true,
+                    className: classnames({ "agenda-minutes": !state.textOnly }),
+                } }),
+            React.createElement("div", { className: "agenda-task-list-view" },
+                React.createElement(Row, { justify: "space-between", align: "middle" },
+                    React.createElement("div", { className: "section-title" },
+                        React.createElement(FAIcon, { icon: faTasksAlt, color: "#666" }),
+                        " Action Tasks"),
+                    !state.readonly && (React.createElement(Button, { type: state.addAble ? "text" : "link", onClick: () => state.onAddTask(!state.addAble), className: "add-agenda-task-btn" }, state.addAble ? "Cancel" : "Add Task"))),
+                React.createElement(TaskList, { id: id, editable: state.addAble && !state.readonly })))))));
+    /** change item collapse */
+    function changeCollapse() {
+        runInAction(() => {
+            state.collapse = !state.collapse;
+            // props.changeCollapse?.(state.collapse);
+        });
+    }
+};
+export default AgendaItem;
 //# sourceMappingURL=index.js.map

package/es/modules/meeting/components/AgendaList/AgendaItem/index.less

@@ -1,109 +1,109 @@
-@import "../../../../../style/common.less";
-:global {
-	.agenda-item-view {
-		position: relative;
-		width: 100%;
-		padding: 0 20px;
-		margin-bottom: 1rem;
-		&:after {
-			position: absolute;
-			content: "";
-			left: 20px;
-			bottom: 0;
-			right: 20px;
-			border-bottom: 1px solid #f2f2f2;
-		}
-		.agenda-item-header {
-			.document-pre {
-				display: inline-flex !important;
-				align-items: center;
-				margin-right: 0 !important;
-				line-height: unset !important;
-				.sort-icon-move {
-					font-size: 50%;
-					margin-right: 6px;
-				}
-			}
-		}
-		.select-checkbox {
-			margin-right: 10px;
-		}
-		.section-title {
-			font-size: 1.25em;
-			font-weight: 500;
-			color: #000;
-			padding-top: 10px;
-			.svg-inline--fa {
-				margin-right: 10px;
-			}
-		}
-		.collapse-arrow {
-			padding: 0 10px;
-			margin-right: -10px;
-			cursor: pointer;
-		}
-		.description-editor .description-editor-proseMirror {
-			padding: 0;
-		}
-		.agenda-item-box {
-			padding-bottom: 10px;
-			// transition: height 3s ease-out;
-			// &.collapse-inactive {
-			// 	height: auto;
-			// 	opacity: 1;
-			// }
-			.ProseMirror {
-				padding: 1rem 0;
-			}
-			.agenda-minutes {
-				margin: 10px 0;
-				height: 20rem !important;
-				// min-height: 160px !important;
-				.ProseMirror {
-					padding: 1rem 1.25rem;
-				}
-			}
-			.description-editor {
-				// padding: 0;
-				.ProseMirror-container .ProseMirror {
-					padding: 0;
-				}
-				.description-editor-proseMirror .ProseMirror-container .ProseMirror {
-					padding: 0.75rem 1.25rem;
-				}
-			}
-		}
-	}
-	.agenda-task-list-view {
-		.add-agenda-task-btn {
-			padding: 10px 0 0;
-			font-style: italic;
-		}
-		.sub-task-item {
-			padding: 10px 0;
-		}
-		.agenda-task-nothing {
-			padding: 10px 0;
-			text-align: center;
-		}
-		.sub-task-simply-form {
-			padding: 10px 0 0;
-			border: 0;
-		}
-		.agenda-task-add-btn {
-			opacity: 0;
-			padding: 0 20px 0 20px;
-		}
-		&:hover .agenda-task-add-btn {
-			opacity: 1;
-		}
-	}
-	.agenda-description_mirror {
-		.editor-toolbar {
-			border-top: 0;
-		}
-		.ProseMirror-container {
-			border: none;
-		}
-	}
-}
+@import "../../../../../style/common.less";
+:global {
+	.agenda-item-view {
+		position: relative;
+		width: 100%;
+		padding: 0 20px;
+		margin-bottom: 1rem;
+		&:after {
+			position: absolute;
+			content: "";
+			left: 20px;
+			bottom: 0;
+			right: 20px;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		.agenda-item-header {
+			.document-pre {
+				display: inline-flex !important;
+				align-items: center;
+				margin-right: 0 !important;
+				line-height: unset !important;
+				.sort-icon-move {
+					font-size: 50%;
+					margin-right: 6px;
+				}
+			}
+		}
+		.select-checkbox {
+			margin-right: 10px;
+		}
+		.section-title {
+			font-size: 1.25em;
+			font-weight: 500;
+			color: #000;
+			padding-top: 10px;
+			.svg-inline--fa {
+				margin-right: 10px;
+			}
+		}
+		.collapse-arrow {
+			padding: 0 10px;
+			margin-right: -10px;
+			cursor: pointer;
+		}
+		.description-editor .description-editor-proseMirror {
+			padding: 0;
+		}
+		.agenda-item-box {
+			padding-bottom: 10px;
+			// transition: height 3s ease-out;
+			// &.collapse-inactive {
+			// 	height: auto;
+			// 	opacity: 1;
+			// }
+			.ProseMirror {
+				padding: 1rem 0;
+			}
+			.agenda-minutes {
+				margin: 10px 0;
+				height: 20rem !important;
+				// min-height: 160px !important;
+				.ProseMirror {
+					padding: 1rem 1.25rem;
+				}
+			}
+			.description-editor {
+				// padding: 0;
+				.ProseMirror-container .ProseMirror {
+					padding: 0;
+				}
+				.description-editor-proseMirror .ProseMirror-container .ProseMirror {
+					padding: 0.75rem 1.25rem;
+				}
+			}
+		}
+	}
+	.agenda-task-list-view {
+		.add-agenda-task-btn {
+			padding: 10px 0 0;
+			font-style: italic;
+		}
+		.sub-task-item {
+			padding: 10px 0;
+		}
+		.agenda-task-nothing {
+			padding: 10px 0;
+			text-align: center;
+		}
+		.sub-task-simply-form {
+			padding: 10px 0 0;
+			border: 0;
+		}
+		.agenda-task-add-btn {
+			opacity: 0;
+			padding: 0 20px 0 20px;
+		}
+		&:hover .agenda-task-add-btn {
+			opacity: 1;
+		}
+	}
+	.agenda-description_mirror {
+		.editor-toolbar {
+			border-top: 0;
+		}
+		.ProseMirror-container {
+			border: none;
+		}
+	}
+}

package/es/modules/meeting/components/AgendaList/AgendaItem/state.d.ts

@@ -1,24 +1,24 @@
-import { AgendaStore, IAgenda } from "../../../../../data/meeting";
-export declare type AgendaItemProps = {
-    id: string;
-    index?: number;
-    multiple?: boolean;
-    preview?: boolean;
-    /** Trigger data reload */
-    reload?: boolean;
-    connectDragSource?: any;
-};
-export declare class State {
-    private agendaStore;
-    agenda: IAgenda;
-    textOnly: boolean;
-    /** */
-    addAble: boolean;
-    over: boolean;
-    /** collapse PageTextItem */
-    collapse: boolean;
-    constructor(agendaStore: AgendaStore);
-    get readonly(): boolean;
-    update(agenda: IAgenda): void;
-    onAddTask: (addAble: boolean) => void;
-}
+import { AgendaStore, IAgenda } from "../../../../../data/meeting";
+export declare type AgendaItemProps = {
+    id: string;
+    index?: number;
+    multiple?: boolean;
+    preview?: boolean;
+    /** Trigger data reload */
+    reload?: boolean;
+    connectDragSource?: any;
+};
+export declare class State {
+    private agendaStore;
+    agenda: IAgenda;
+    textOnly: boolean;
+    /** */
+    addAble: boolean;
+    over: boolean;
+    /** collapse PageTextItem */
+    collapse: boolean;
+    constructor(agendaStore: AgendaStore);
+    get readonly(): boolean;
+    update(agenda: IAgenda): void;
+    onAddTask: (addAble: boolean) => void;
+}