@voplus/morpho-workspace 4.0.0 → 4.0.1

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

@@ -1,63 +1,63 @@
-import "./index.less";
-import { AgendaContext, AgendaContextState } from "./AgendaContext";
-import { State } from "./state";
-import { ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
-import { Button, Tooltip } from "antd";
-import { Card, observe } from "@voplus/morpho-ui";
-import React, { useState } from "react";
-import { faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
-import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
-import AgendaItem from "./AgendaItem";
-import AgendaNewForm from "./AgendaNewForm";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import classnames from "classnames";
-import { runInAction } from "mobx";
-import { useAgendaListEffect } from "../../../../data/meeting";
-import { useDeepMemo } from "@voplus/morpho-data";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-const AgendaList = (props) => {
-    const { readonly, preview, viewTitle } = props;
-    const documents = useDocumentStore();
-    const state = useDeepMemo(() => new State(), [props.parentId]);
-    const [context] = useState(new AgendaContextState());
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags",
-            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
-        },
-    }, [props.parentId]);
-    useAutoUpdateListData(list, (d) => d.parentId === props.parentId && d.type === "Agenda");
-    useRenderOnChange(() => list.filters.options);
-    useAgendaListEffect(list, (result) => list.union(result), list.filters.options);
-    return observe(() => (React.createElement(AgendaContext.Provider, { value: context },
-        React.createElement(ListDataContext.Provider, { value: list },
-            React.createElement("div", { className: classnames("agenda-list", props.className) },
-                React.createElement(ListView, { asideable: false, headerProps: {
-                        header: (React.createElement("div", { className: "agenda-header-toolBar" },
-                            React.createElement(Tooltip, { title: context.collapsed ? "Expand All" : "Collapse All" },
-                                React.createElement(Button, { type: "link", onClick: () => {
-                                        context.collapse(!context.collapsed);
-                                    } },
-                                    React.createElement(FAIcon, { icon: context.collapsed ? faChevronDown : faChevronUp }))))),
-                        sortable: false,
-                        addAble: !readonly,
-                        onAdd: () => (state.addAble = !state.addAble),
-                    }, moveAfter: moveAfter, renderItem: ({ item, index, connectDragSource, multiple }) => (React.createElement(Card, { className: classnames("page-item-card") },
-                        React.createElement(AgendaItem, { key: item.id, id: item.id, index: index, multiple: multiple, preview: !!preview, reload: !!props.readonly, connectDragSource: connectDragSource }))), infiniteScrollViewProps: {
-                        className: "page-scroll-view",
-                        customScroll: props.preview ? false : true,
-                    } }),
-                state.addAble && (React.createElement(AgendaNewForm, { id: props.parentId, single: true, onCancel: () => runInAction(() => (state.addAble = false)) })))))));
-    function onMove(state) {
-        documents.cut(state.ids);
-    }
-    async function moveAfter(id, afterId, list) {
-        await documents.moveAfter(id, afterId);
-    }
-    async function onDelete(state) {
-        await documents.delete(state.ids, { DeleteChilds: true });
-    }
-};
-export default AgendaList;
+import "./index.less";
+import { AgendaContext, AgendaContextState } from "./AgendaContext";
+import { State } from "./state";
+import { ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
+import { Button, Tooltip } from "antd";
+import { Card, observe } from "@voplus/morpho-ui";
+import React, { useState } from "react";
+import { faChevronDown, faChevronUp } from "@fortawesome/pro-light-svg-icons";
+import { useAutoUpdateListData, useDocumentStore } from "@voplus/morpho-document-core";
+import AgendaItem from "./AgendaItem";
+import AgendaNewForm from "./AgendaNewForm";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import classnames from "classnames";
+import { runInAction } from "mobx";
+import { useAgendaListEffect } from "../../../../data/meeting";
+import { useDeepMemo } from "@voplus/morpho-data";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+const AgendaList = (props) => {
+    const { readonly, preview, viewTitle } = props;
+    const documents = useDocumentStore();
+    const state = useDeepMemo(() => new State(), [props.parentId]);
+    const [context] = useState(new AgendaContextState());
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags",
+            filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: props.parentId }],
+        },
+    }, [props.parentId]);
+    useAutoUpdateListData(list, (d) => d.parentId === props.parentId && d.type === "Agenda");
+    useRenderOnChange(() => list.filters.options);
+    useAgendaListEffect(list, (result) => list.union(result), list.filters.options);
+    return observe(() => (React.createElement(AgendaContext.Provider, { value: context },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement("div", { className: classnames("agenda-list", props.className) },
+                React.createElement(ListView, { asideable: false, headerProps: {
+                        header: (React.createElement("div", { className: "agenda-header-toolBar" },
+                            React.createElement(Tooltip, { title: context.collapsed ? "Expand All" : "Collapse All" },
+                                React.createElement(Button, { type: "link", onClick: () => {
+                                        context.collapse(!context.collapsed);
+                                    } },
+                                    React.createElement(FAIcon, { icon: context.collapsed ? faChevronDown : faChevronUp }))))),
+                        sortable: false,
+                        addAble: !readonly,
+                        onAdd: () => (state.addAble = !state.addAble),
+                    }, moveAfter: moveAfter, renderItem: ({ item, index, connectDragSource, multiple }) => (React.createElement(Card, { className: classnames("page-item-card") },
+                        React.createElement(AgendaItem, { key: item.id, id: item.id, index: index, multiple: multiple, preview: !!preview, reload: !!props.readonly, connectDragSource: connectDragSource }))), infiniteScrollViewProps: {
+                        className: "page-scroll-view",
+                        customScroll: props.preview ? false : true,
+                    } }),
+                state.addAble && (React.createElement(AgendaNewForm, { id: props.parentId, single: true, onCancel: () => runInAction(() => (state.addAble = false)) })))))));
+    function onMove(state) {
+        documents.cut(state.ids);
+    }
+    async function moveAfter(id, afterId, list) {
+        await documents.moveAfter(id, afterId);
+    }
+    async function onDelete(state) {
+        await documents.delete(state.ids, { DeleteChilds: true });
+    }
+};
+export default AgendaList;
 //# sourceMappingURL=index.js.map

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

@@ -1,47 +1,47 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.agenda-list {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		> div {
-			background-color: @background-color-base;
-		}
-		.multiple-icon-text {
-			font-weight: 600;
-			color: #000;
-			font-size: 16px;
-		}
-		.list-view-header {
-			background-color: #fff;
-		}
-		.page-scroll-view {
-			height: 100%;
-			> div {
-				height: 100%;
-				padding: 1rem 1rem 0 1rem;
-				background-color: @background-color-base;
-			}
-		}
-		.agenda-header-toolBar {
-			flex: 1;
-			text-align: right;
-			.ant-btn {
-				font-size: 16px;
-				color: #575757;
-			}
-		}
-		.page-item-card {
-			max-width: 70rem;
-			margin-left: auto;
-			margin-right: auto;
-			padding: 0;
-			background-color: @component-background;
-			.agenda-item-header {
-				padding: 10px 0;
-				border-bottom: 1px solid #eee;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.agenda-list {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		> div {
+			background-color: @background-color-base;
+		}
+		.multiple-icon-text {
+			font-weight: 600;
+			color: #000;
+			font-size: 16px;
+		}
+		.list-view-header {
+			background-color: #fff;
+		}
+		.page-scroll-view {
+			height: 100%;
+			> div {
+				height: 100%;
+				padding: 1rem 1rem 0 1rem;
+				background-color: @background-color-base;
+			}
+		}
+		.agenda-header-toolBar {
+			flex: 1;
+			text-align: right;
+			.ant-btn {
+				font-size: 16px;
+				color: #575757;
+			}
+		}
+		.page-item-card {
+			max-width: 70rem;
+			margin-left: auto;
+			margin-right: auto;
+			padding: 0;
+			background-color: @component-background;
+			.agenda-item-header {
+				padding: 10px 0;
+				border-bottom: 1px solid #eee;
+			}
+		}
+	}
+}

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

@@ -1,15 +1,15 @@
-export declare type AgendaListProps = {
-    parentId: string;
-    isAdd?: boolean;
-    className?: string;
-    preview?: boolean;
-    readonly?: boolean;
-    /** header title */
-    viewTitle?: string;
-};
-export declare class State {
-    addAble: boolean;
-    showMore: boolean;
-    constructor();
-    clearAdd(): void;
-}
+export declare type AgendaListProps = {
+    parentId: string;
+    isAdd?: boolean;
+    className?: string;
+    preview?: boolean;
+    readonly?: boolean;
+    /** header title */
+    viewTitle?: string;
+};
+export declare class State {
+    addAble: boolean;
+    showMore: boolean;
+    constructor();
+    clearAdd(): void;
+}

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

@@ -1,33 +1,33 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "showMore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    clearAdd() {
-        this.addAble = false;
-        this.showMore = false;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "showMore", void 0);
-__decorate([
-    action
-], State.prototype, "clearAdd", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "showMore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    clearAdd() {
+        this.addAble = false;
+        this.showMore = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "showMore", void 0);
+__decorate([
+    action
+], State.prototype, "clearAdd", null);
 //# sourceMappingURL=state.js.map

package/es/modules/meeting/components/MeetingDescription/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare const MeetingDescription: (props: {
-    id: string;
-    descriptionAble?: boolean;
-    /** header title */
-    viewTitle?: string;
-}) => JSX.Element;
-export default MeetingDescription;
+/// <reference types="react" />
+declare const MeetingDescription: (props: {
+    id: string;
+    descriptionAble?: boolean;
+    /** header title */
+    viewTitle?: string;
+}) => JSX.Element;
+export default MeetingDescription;

package/es/modules/meeting/components/MeetingDescription/index.js

@@ -1,17 +1,17 @@
-import AgendaList from "../AgendaList";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import React from "react";
-import { Skeleton } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useMeeting } from "../../../../data/meeting";
-const MeetingDescription = (props) => {
-    const { id, descriptionAble, viewTitle } = props;
-    const meeting = useMeeting(id, { includes: "tags,task-number-reports" });
-    return observe(() => (React.createElement("div", { className: styles["meeting-detail-view"] },
-        descriptionAble ? (meeting.loading ? (React.createElement("div", { className: "meeting-detail-description" },
-            React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: meeting.description, readonly: meeting.readonly }))) : null,
-        React.createElement(AgendaList, { parentId: meeting.id, readonly: meeting.readonly, viewTitle: viewTitle }))));
-};
-export default MeetingDescription;
+import AgendaList from "../AgendaList";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import React from "react";
+import { Skeleton } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useMeeting } from "../../../../data/meeting";
+const MeetingDescription = (props) => {
+    const { id, descriptionAble, viewTitle } = props;
+    const meeting = useMeeting(id, { includes: "tags,task-number-reports" });
+    return observe(() => (React.createElement("div", { className: styles["meeting-detail-view"] },
+        descriptionAble ? (meeting.loading ? (React.createElement("div", { className: "meeting-detail-description" },
+            React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: meeting.description, readonly: meeting.readonly }))) : null,
+        React.createElement(AgendaList, { parentId: meeting.id, readonly: meeting.readonly, viewTitle: viewTitle }))));
+};
+export default MeetingDescription;
 //# sourceMappingURL=index.js.map

package/es/modules/meeting/components/MeetingDescription/index.less

@@ -1,12 +1,12 @@
-@import "../../../../style/common.less";
-
-.meeting-detail-view {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	:global {
-		.meeting-detail-description {
-			padding: 10px 20px;
-		}
-	}
-}
+@import "../../../../style/common.less";
+
+.meeting-detail-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	:global {
+		.meeting-detail-description {
+			padding: 10px 20px;
+		}
+	}
+}

package/es/modules/meeting/components/MeetingHeader/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import "./index.less";
-declare const MeetingHeader: (props: {
-    id: string;
-    onReLoad?: () => void;
-    onExpand?: () => void;
-}) => JSX.Element;
-export default MeetingHeader;
+/// <reference types="react" />
+import "./index.less";
+declare const MeetingHeader: (props: {
+    id: string;
+    onReLoad?: () => void;
+    onExpand?: () => void;
+}) => JSX.Element;
+export default MeetingHeader;

package/es/modules/meeting/components/MeetingHeader/index.js

@@ -1,96 +1,96 @@
-import "./index.less";
-import { Archive, Open, Print, Reload, Sidebar, } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { CommentDataIcon, DocumentDataIcon, } from "@voplus/morpho-document/es/controls/data-icons";
-import { DatePicker, Row, Tooltip } from "antd";
-import React, { useState } from "react";
-import { faClock, faMapMarkerAlt, faStopwatch, faUserFriends, } from "@fortawesome/pro-light-svg-icons";
-import { localFormat } from "../../../../data/contexts/StoreContext";
-import { useMeeting, useMeetingStore } from "../../../../data/meeting";
-import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { InlineEdit } from "@voplus/morpho-ui";
-import MeetingTasksProgressDataIcon from "../../controls/MeetingTasksProgressDataIcon";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import dayjs from "dayjs";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useMetaStore } from "@voplus/morpho-document-core";
-const MeetingHeader = (props) => {
-    const { id, onReLoad, onExpand } = props;
-    const meta = useMetaStore();
-    const meetingStore = useMeetingStore();
-    const meeting = useMeeting(id, { reload: true, includes: "tags,task-number-reports" });
-    const [editable, setEditable] = useState(false);
-    const [open, setOpen] = useState(false);
-    const { user } = useApplicationContext();
-    const isAfterNow = moment(meeting.startTime).isAfter(moment());
-    return observe(() => (React.createElement("div", { className: "meeting-header" },
-        React.createElement(React.Fragment, null,
-            React.createElement(DocumentHeader, { id: id, size: "h3", autoSaveName: true, quickDataBarAlign: "left", clickNameEffect: "edit", flagVisible: false, style: { padding: "0" }, quickDataBar: React.createElement(React.Fragment, null,
-                    React.createElement(DocumentDataIcon, { id: id, includes: "tags,task-number-reports" }),
-                    React.createElement(CommentDataIcon, { id: id }),
-                    React.createElement(MeetingTasksProgressDataIcon, { id: id })), tools: React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
-                    React.createElement(Reload, { action: onReLoad }),
-                    onExpand ? React.createElement(Sidebar, { action: onExpand }) : React.createElement(Open, { url: meta.getRoute(meeting) }),
-                    React.createElement(Archive, null),
-                    React.createElement(Print, { url: `meeting/print/${id}` })) }),
-            editable && !meeting.readonly ? (React.createElement("div", { style: { padding: "5px 0" } },
-                React.createElement(DatePicker.RangePicker, { autoFocus: true, showTime: { format: "HH:mm" }, format: "YYYY-MM-DD HH:mm", value: [dayjs(meeting.startTime), dayjs(meeting.endTime)], open: open, onChange: onChangeDate, onOpenChange: onOpenChange, onOk: onOk }))) : (React.createElement("div", null,
-                React.createElement(Tooltip, { title: meeting.startTime
-                        ? localFormat(meeting.startTime, "YYYY-MM-DD HH:mm") +
-                            " to " +
-                            localFormat(meeting.endTime, "YYYY-MM-DD HH:mm")
-                        : "Add Meeting Time" },
-                    React.createElement("span", { className: "meeting-clock", onClick: onEditDate },
-                        React.createElement(FAIcon, { icon: faClock }),
-                        meeting.startTime
-                            ? localFormat(meeting.startTime, !isAfterNow ? "DD MMM HH:mm" : "hh:mm A") +
-                                " to " +
-                                localFormat(meeting.endTime, !isAfterNow ? "DD MMM HH:mm" : "hh:mm nA")
-                            : "Add Meeting Time")),
-                meeting.startTime && (React.createElement("span", { className: "data-icon" },
-                    React.createElement(FAIcon, { icon: faStopwatch }),
-                    moment(meeting.startTime).from(moment(meeting.endTime), true))))),
-            React.createElement(Row, { justify: "start", align: "middle" },
-                React.createElement("div", { className: "meeting-clock" },
-                    React.createElement(InlineEdit, { editable: !meeting.readonly, defaultValue: meeting.venue || "", content: (v) => (React.createElement(React.Fragment, null,
-                            React.createElement(FAIcon, { icon: faMapMarkerAlt }),
-                            v.store.value || "Venue")), onSave: (value) => onSave(value, meeting.venue || "", { Venue: value }) })),
-                React.createElement(FAIcon, { icon: faUserFriends, flip: "horizontal", color: "#666", size: "sm", className: "margin-right-5" }),
-                React.createElement(AvatarList, { organizationId: user.info.organizationId, list: meeting.members || [], editable: !meeting.readonly, multiple: true, onChange: onChangeMember }))))));
-    async function onChangeMember(ids) {
-        await meetingStore.edit(meeting.id, { data: { MemberIds: ids }, error: "message" });
-    }
-    async function onSave(v, name, params) {
-        if (v.trim() === name)
-            return;
-        await meetingStore.edit(meeting.id, { data: params, error: "message" });
-    }
-    /** edit meeting time */
-    async function onOk() {
-        await meetingStore.edit(meeting.id, {
-            data: {
-                StartTime: meeting.startTime || new Date(),
-                EndTime: meeting.endTime || new Date(),
-            },
-            error: "message",
-        });
-        setOpen(false);
-        setEditable(false);
-    }
-    function onChangeDate(value, dateString) {
-        meeting.startTime = value[0];
-        meeting.endTime = value[1];
-    }
-    function onEditDate() {
-        setOpen(true);
-        setEditable(true);
-    }
-    function onOpenChange(open) {
-        setEditable(open);
-    }
-};
-export default MeetingHeader;
+import "./index.less";
+import { Archive, Open, Print, Reload, Sidebar, } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { CommentDataIcon, DocumentDataIcon, } from "@voplus/morpho-document/es/controls/data-icons";
+import { DatePicker, Row, Tooltip } from "antd";
+import React, { useState } from "react";
+import { faClock, faMapMarkerAlt, faStopwatch, faUserFriends, } from "@fortawesome/pro-light-svg-icons";
+import { localFormat } from "../../../../data/contexts/StoreContext";
+import { useMeeting, useMeetingStore } from "../../../../data/meeting";
+import AvatarList from "@voplus/morpho-org/es/components/AvatarList";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { InlineEdit } from "@voplus/morpho-ui";
+import MeetingTasksProgressDataIcon from "../../controls/MeetingTasksProgressDataIcon";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import dayjs from "dayjs";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useMetaStore } from "@voplus/morpho-document-core";
+const MeetingHeader = (props) => {
+    const { id, onReLoad, onExpand } = props;
+    const meta = useMetaStore();
+    const meetingStore = useMeetingStore();
+    const meeting = useMeeting(id, { reload: true, includes: "tags,task-number-reports" });
+    const [editable, setEditable] = useState(false);
+    const [open, setOpen] = useState(false);
+    const { user } = useApplicationContext();
+    const isAfterNow = moment(meeting.startTime).isAfter(moment());
+    return observe(() => (React.createElement("div", { className: "meeting-header" },
+        React.createElement(React.Fragment, null,
+            React.createElement(DocumentHeader, { id: id, size: "h3", autoSaveName: true, quickDataBarAlign: "left", clickNameEffect: "edit", flagVisible: false, style: { padding: "0" }, quickDataBar: React.createElement(React.Fragment, null,
+                    React.createElement(DocumentDataIcon, { id: id, includes: "tags,task-number-reports" }),
+                    React.createElement(CommentDataIcon, { id: id }),
+                    React.createElement(MeetingTasksProgressDataIcon, { id: id })), tools: React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
+                    React.createElement(Reload, { action: onReLoad }),
+                    onExpand ? React.createElement(Sidebar, { action: onExpand }) : React.createElement(Open, { url: meta.getRoute(meeting) }),
+                    React.createElement(Archive, null),
+                    React.createElement(Print, { url: `meeting/print/${id}` })) }),
+            editable && !meeting.readonly ? (React.createElement("div", { style: { padding: "5px 0" } },
+                React.createElement(DatePicker.RangePicker, { autoFocus: true, showTime: { format: "HH:mm" }, format: "YYYY-MM-DD HH:mm", value: [dayjs(meeting.startTime), dayjs(meeting.endTime)], open: open, onChange: onChangeDate, onOpenChange: onOpenChange, onOk: onOk }))) : (React.createElement("div", null,
+                React.createElement(Tooltip, { title: meeting.startTime
+                        ? localFormat(meeting.startTime, "YYYY-MM-DD HH:mm") +
+                            " to " +
+                            localFormat(meeting.endTime, "YYYY-MM-DD HH:mm")
+                        : "Add Meeting Time" },
+                    React.createElement("span", { className: "meeting-clock", onClick: onEditDate },
+                        React.createElement(FAIcon, { icon: faClock }),
+                        meeting.startTime
+                            ? localFormat(meeting.startTime, !isAfterNow ? "DD MMM HH:mm" : "hh:mm A") +
+                                " to " +
+                                localFormat(meeting.endTime, !isAfterNow ? "DD MMM HH:mm" : "hh:mm nA")
+                            : "Add Meeting Time")),
+                meeting.startTime && (React.createElement("span", { className: "data-icon" },
+                    React.createElement(FAIcon, { icon: faStopwatch }),
+                    moment(meeting.startTime).from(moment(meeting.endTime), true))))),
+            React.createElement(Row, { justify: "start", align: "middle" },
+                React.createElement("div", { className: "meeting-clock" },
+                    React.createElement(InlineEdit, { editable: !meeting.readonly, defaultValue: meeting.venue || "", content: (v) => (React.createElement(React.Fragment, null,
+                            React.createElement(FAIcon, { icon: faMapMarkerAlt }),
+                            v.store.value || "Venue")), onSave: (value) => onSave(value, meeting.venue || "", { Venue: value }) })),
+                React.createElement(FAIcon, { icon: faUserFriends, flip: "horizontal", color: "#666", size: "sm", className: "margin-right-5" }),
+                React.createElement(AvatarList, { organizationId: user.info.organizationId, list: meeting.members || [], editable: !meeting.readonly, multiple: true, onChange: onChangeMember }))))));
+    async function onChangeMember(ids) {
+        await meetingStore.edit(meeting.id, { data: { MemberIds: ids }, error: "message" });
+    }
+    async function onSave(v, name, params) {
+        if (v.trim() === name)
+            return;
+        await meetingStore.edit(meeting.id, { data: params, error: "message" });
+    }
+    /** edit meeting time */
+    async function onOk() {
+        await meetingStore.edit(meeting.id, {
+            data: {
+                StartTime: meeting.startTime || new Date(),
+                EndTime: meeting.endTime || new Date(),
+            },
+            error: "message",
+        });
+        setOpen(false);
+        setEditable(false);
+    }
+    function onChangeDate(value, dateString) {
+        meeting.startTime = value[0];
+        meeting.endTime = value[1];
+    }
+    function onEditDate() {
+        setOpen(true);
+        setEditable(true);
+    }
+    function onOpenChange(open) {
+        setEditable(open);
+    }
+};
+export default MeetingHeader;
 //# sourceMappingURL=index.js.map

package/es/modules/meeting/components/MeetingHeader/index.less

@@ -1,13 +1,13 @@
-:global {
-	.meeting-header {
-		padding: 10px 20px;
-		.meeting-clock {
-			display: inline-block;
-			min-width: 180px;
-			margin-right: 10px;
-			.svg-inline--fa {
-				margin-right: 5px;
-			}
-		}
-	}
-}
+:global {
+	.meeting-header {
+		padding: 10px 20px;
+		.meeting-clock {
+			display: inline-block;
+			min-width: 180px;
+			margin-right: 10px;
+			.svg-inline--fa {
+				margin-right: 5px;
+			}
+		}
+	}
+}