@voplus/morpho-workspace 2.0.12 → 4.0.1

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

@@ -1,80 +1,80 @@
-import { AssigneeViewFilter, StartDateFilter } from "../../../../controls/filters";
-import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
-import React, { useEffect, useState } from "react";
-import { observe, useAsideContentContext } from "@voplus/morpho-ui";
-import AddFormView from "@voplus/morpho-document/es/components/AddFormView";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
-import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import MeetingItem from "../../components/MeetingItem";
-import MeetingPropertiesView from "../../components/MeetingPropertiesView";
-import NewMeetingForm from "../../components/NewMeetingForm";
-import QuickSearch from "@voplus/morpho-ui/es/components/layout/ListView/controls/QuickSearch";
-import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
-import { useAutoUpdateListData } from "@voplus/morpho-document-core";
-import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
-import { useMeetingListEffect } from "../../../../data/meeting";
-import { useRenderOnChange } from "@voplus/morpho-ui";
-import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-const MeetingList = (props) => {
-    const frame = useFrame();
-    const view = useViewContext();
-    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
-    const { parentId, quickSearch, readonly } = props;
-    const [addAble, setAddAble] = useState(false);
-    const [activeId, setActiveId] = useState("");
-    const list = useCreateListDataState({
-        filterDefaults: {
-            includes: "tags,task-number-reports",
-            filters: parentId ? [{ c: "ParentNodeId", o: "=", l: "And", v1: parentId }] : [],
-        },
-    }, []);
-    useAutoUpdateListData(list, (d) => d.type === "Meeting");
-    useRenderOnChange(() => list.filters.options);
-    useMeetingListEffect(list, (result) => list.union(result), list.filters.options);
-    useEffect(() => {
-        setupExtra();
-    }, [props.parentId, frame === null || frame === void 0 ? void 0 : frame.view]);
-    const List = observe(() => (React.createElement(ListDataContext.Provider, { value: list },
-        React.createElement(ListView, { renderId: parentId, asideable: frame ? false : true, headerProps: {
-                // viewTitle: props.title,
-                header: quickSearch ? undefined : (React.createElement(QuickSearch, { title: "Search", className: "view-title", onChange: onQuickSearch })),
-                filterViewProps: {
-                    columns: [
-                        React.createElement(AssigneeViewFilter, { key: "AssigneeViewFilter" }),
-                        React.createElement(StartDateFilter, { key: "StartDateFilter", title: "MeetingDate" }),
-                    ],
-                },
-                addAble: !readonly,
-                quickSearch: !!quickSearch,
-                onAdd: onAdd,
-                visible: frame ? false : true,
-            }, formViewTitle: "Add Meeting", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewMeetingForm, { parentId: parentId }), propertiesView: (id) => !frame && (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(MeetingPropertiesView, { id: id }), renderItem: ({ item }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => setActiveId(item.id) },
-                React.createElement(MeetingItem, { id: item.id, isList: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView", reload: !!readonly }))) }),
-        !!addAble && (React.createElement(NewMeetingForm, { parentId: parentId, simple: true, onCancel: () => setAddAble(false) })))));
-    return observe(() => (React.createElement(React.Fragment, null, frame ? List : React.createElement(AsideContent, { context: asideContext }, List))));
-    function onAdd() {
-        if ((view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView")
-            return;
-        setAddAble(true);
-    }
-    function onQuickSearch(value) {
-        list.triggerSearch(value);
-    }
-    function setupExtra() {
-        if (!frame)
-            return;
-        frame.Extra = observe(() => (React.createElement(FilterOptionsContext.Provider, { value: list.filters },
-            quickSearch ? undefined : (React.createElement(QuickSearch, { title: "Search", className: "view-title", onChange: onQuickSearch })),
-            React.createElement(SortViewDropdown, { onSort: (sort) => list.triggerSort(sort), className: "margin-left-10" }),
-            React.createElement(FilterView, { columns: [
-                    React.createElement(AssigneeViewFilter, { key: "AssigneeViewFilter" }),
-                    React.createElement(StartDateFilter, { key: "StartDateFilter", title: "MeetingDate" }),
-                ], className: "margin-left-10" }),
-            React.createElement(AddFormView, { id: parentId },
-                React.createElement(NewMeetingForm, { parentId: parentId, simple: true })))));
-    }
-};
-export default MeetingList;
+import { AssigneeViewFilter, StartDateFilter } from "../../../../controls/filters";
+import { FilterOptionsContext, ListDataContext, useCreateListDataState, } from "@voplus/morpho-ui/es/data";
+import React, { useEffect, useState } from "react";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import AddFormView from "@voplus/morpho-document/es/components/AddFormView";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import DocumentItemFrame from "@voplus/morpho-document/es/controls/DocumentItemFrame";
+import FilterView from "@voplus/morpho-ui/es/controls/FilterView";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import MeetingItem from "../../components/MeetingItem";
+import MeetingPropertiesView from "../../components/MeetingPropertiesView";
+import NewMeetingForm from "../../components/NewMeetingForm";
+import QuickSearch from "@voplus/morpho-ui/es/components/layout/ListView/controls/QuickSearch";
+import SortViewDropdown from "@voplus/morpho-ui/es/components/layout/ListView/controls/SortViewDropdown";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { useFrame } from "@voplus/morpho-document/es/components/ViewFrame/ViewFrameContext";
+import { useMeetingListEffect } from "../../../../data/meeting";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+const MeetingList = (props) => {
+    const frame = useFrame();
+    const view = useViewContext();
+    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
+    const { parentId, quickSearch, readonly } = props;
+    const [addAble, setAddAble] = useState(false);
+    const [activeId, setActiveId] = useState("");
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags,task-number-reports",
+            filters: parentId ? [{ c: "ParentNodeId", o: "=", l: "And", v1: parentId }] : [],
+        },
+    }, []);
+    useAutoUpdateListData(list, (d) => d.type === "Meeting");
+    useRenderOnChange(() => list.filters.options);
+    useMeetingListEffect(list, (result) => list.union(result), list.filters.options);
+    useEffect(() => {
+        setupExtra();
+    }, [props.parentId, frame === null || frame === void 0 ? void 0 : frame.view]);
+    const List = observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ListView, { renderId: parentId, asideable: frame ? false : true, headerProps: {
+                // viewTitle: props.title,
+                header: quickSearch ? undefined : (React.createElement(QuickSearch, { title: "Search", className: "view-title", onChange: onQuickSearch })),
+                filterViewProps: {
+                    columns: [
+                        React.createElement(AssigneeViewFilter, { key: "AssigneeViewFilter" }),
+                        React.createElement(StartDateFilter, { key: "StartDateFilter", title: "MeetingDate" }),
+                    ],
+                },
+                addAble: !readonly,
+                quickSearch: !!quickSearch,
+                onAdd: onAdd,
+                visible: frame ? false : true,
+            }, formViewTitle: "Add Meeting", formView: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(NewMeetingForm, { parentId: parentId }), propertiesView: (id) => !frame && (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(MeetingPropertiesView, { id: id }), renderItem: ({ item }) => (React.createElement(DocumentItemFrame, { key: item.id, frameProps: { active: activeId === item.id }, onClick: () => setActiveId(item.id) },
+                React.createElement(MeetingItem, { id: item.id, isList: (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView", reload: !!readonly }))) }),
+        !!addAble && (React.createElement(NewMeetingForm, { parentId: parentId, simple: true, onCancel: () => setAddAble(false) })))));
+    return observe(() => (React.createElement(React.Fragment, null, frame ? List : React.createElement(AsideContent, { context: asideContext }, List))));
+    function onAdd() {
+        if ((view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView")
+            return;
+        setAddAble(true);
+    }
+    function onQuickSearch(value) {
+        list.triggerSearch(value);
+    }
+    function setupExtra() {
+        if (!frame)
+            return;
+        frame.Extra = observe(() => (React.createElement(FilterOptionsContext.Provider, { value: list.filters },
+            quickSearch ? undefined : (React.createElement(QuickSearch, { title: "Search", className: "view-title", onChange: onQuickSearch })),
+            React.createElement(SortViewDropdown, { onSort: (sort) => list.triggerSort(sort), className: "margin-left-10" }),
+            React.createElement(FilterView, { columns: [
+                    React.createElement(AssigneeViewFilter, { key: "AssigneeViewFilter" }),
+                    React.createElement(StartDateFilter, { key: "StartDateFilter", title: "MeetingDate" }),
+                ], className: "margin-left-10" }),
+            React.createElement(AddFormView, { id: parentId },
+                React.createElement(NewMeetingForm, { parentId: parentId, simple: true })))));
+    }
+};
+export default MeetingList;
 //# sourceMappingURL=index.js.map

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-export declare type MeetingPropertiesName = "Progress" | "Members" | "Due Date" | "Enter Place";
-declare const MeetingProperties: {
-    (props: {
-        id: string;
-        headerVisible?: boolean;
-        mettingTitle?: string;
-        documentTitle?: string;
-        mettingProperties?: {
-            name: MeetingPropertiesName;
-            visible?: boolean;
-        }[];
-        documentProperties?: {
-            name: "Tags" | "Create Date" | "Create By" | "Folder";
-            visible?: boolean;
-        }[];
-    }): JSX.Element;
-    defaultProps: {
-        mettingTitle: string;
-        documentTitle: string;
-        mettingProperties: {
-            name: string;
-        }[];
-    };
-};
-export default MeetingProperties;
+/// <reference types="react" />
+export declare type MeetingPropertiesName = "Progress" | "Members" | "Due Date" | "Enter Place";
+declare const MeetingProperties: {
+    (props: {
+        id: string;
+        headerVisible?: boolean;
+        mettingTitle?: string;
+        documentTitle?: string;
+        mettingProperties?: {
+            name: MeetingPropertiesName;
+            visible?: boolean;
+        }[];
+        documentProperties?: {
+            name: "Tags" | "Create Date" | "Create By" | "Folder";
+            visible?: boolean;
+        }[];
+    }): JSX.Element;
+    defaultProps: {
+        mettingTitle: string;
+        documentTitle: string;
+        mettingProperties: {
+            name: string;
+        }[];
+    };
+};
+export default MeetingProperties;

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

@@ -1,109 +1,109 @@
-import { DatePicker, Form, Tooltip } from "antd";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import React, { useState } from "react";
-import { faClock, faMapMarkerAlt, faStopwatch } 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 DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
-import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import MeetingTasksProgressDataIcon from "../../controls/MeetingTasksProgressDataIcon";
-import PropertiesSection from "@voplus/morpho-document/es/controls/PropertiesSection";
-import { Scrollbars } from "react-custom-scrollbars";
-import dayjs from "dayjs";
-import moment from "moment";
-import { useApplicationContext } from "@voplus/morpho-data";
-const MeetingProperties = (props) => {
-    const { id, headerVisible, mettingTitle, documentTitle, mettingProperties, documentProperties } = props;
-    const { user } = useApplicationContext();
-    const [editable, setEditable] = useState(false);
-    const [open, setOpen] = useState(false);
-    const meeting = useMeeting(id, { reload: true, includes: "tags,task-number-reports" });
-    const meetingStore = useMeetingStore();
-    const isAfterNow = moment(meeting.startTime).isAfter(moment());
-    const filterPro = mettingProperties === null || mettingProperties === void 0 ? void 0 : mettingProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
-    return observe(() => (React.createElement("div", { className: "properties-list" },
-        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
-        React.createElement(Scrollbars, { autoHide: true },
-            React.createElement(DescriptionEditor, { id: id, description: meeting.description, readonly: meeting.readonly }),
-            React.createElement(PropertiesSection, { title: mettingTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 8 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
-            React.createElement(DocumentProperties, { id: id, fromLabelRequired: true, labelCol: 8, wrapperCol: 14, title: documentTitle, customProperties: documentProperties })))));
-    function renderProp(item) {
-        switch (item.name) {
-            case "Progress":
-                return (React.createElement(Form.Item, { label: "Progress" },
-                    React.createElement(MeetingTasksProgressDataIcon, { id: id, width: "200px" })));
-            case "Members":
-                return (React.createElement(Form.Item, { label: "Members" },
-                    React.createElement(AvatarList, { organizationId: user.info.organizationId, list: meeting.members || [], editable: !meeting.readonly, multiple: true, onChange: onChangeMember })));
-            case "Due Date":
-                return (React.createElement(Form.Item, { label: "Due Date" }, 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)))))));
-            case "Enter Place":
-                return (React.createElement(Form.Item, { label: "Enter Place" },
-                    React.createElement(InlineEdit, { editable: !meeting.readonly, defaultValue: meeting.venue || "", content: (v) => (React.createElement(React.Fragment, null,
-                            React.createElement(FAIcon, { icon: faMapMarkerAlt, className: "margin-right-10" }),
-                            v.store.value ? (React.createElement("span", null, v.store.value)) : (React.createElement("span", { className: "add-info-style" }, "Add Venue")))), onSave: (value) => onSave(value, meeting.venue || "", { Venue: value }) })));
-        }
-    }
-    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);
-    }
-};
-MeetingProperties.defaultProps = {
-    mettingTitle: "Meeting Properties",
-    documentTitle: "Document Properties",
-    mettingProperties: [
-        { name: "Progress" },
-        { name: "Members" },
-        { name: "Due Date" },
-        { name: "Enter Place" },
-    ],
-};
-export default MeetingProperties;
+import { DatePicker, Form, Tooltip } from "antd";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useState } from "react";
+import { faClock, faMapMarkerAlt, faStopwatch } 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 DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
+import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import MeetingTasksProgressDataIcon from "../../controls/MeetingTasksProgressDataIcon";
+import PropertiesSection from "@voplus/morpho-document/es/controls/PropertiesSection";
+import { Scrollbars } from "react-custom-scrollbars";
+import dayjs from "dayjs";
+import moment from "moment";
+import { useApplicationContext } from "@voplus/morpho-data";
+const MeetingProperties = (props) => {
+    const { id, headerVisible, mettingTitle, documentTitle, mettingProperties, documentProperties } = props;
+    const { user } = useApplicationContext();
+    const [editable, setEditable] = useState(false);
+    const [open, setOpen] = useState(false);
+    const meeting = useMeeting(id, { reload: true, includes: "tags,task-number-reports" });
+    const meetingStore = useMeetingStore();
+    const isAfterNow = moment(meeting.startTime).isAfter(moment());
+    const filterPro = mettingProperties === null || mettingProperties === void 0 ? void 0 : mettingProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(DescriptionEditor, { id: id, description: meeting.description, readonly: meeting.readonly }),
+            React.createElement(PropertiesSection, { title: mettingTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 8 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
+            React.createElement(DocumentProperties, { id: id, fromLabelRequired: true, labelCol: 8, wrapperCol: 14, title: documentTitle, customProperties: documentProperties })))));
+    function renderProp(item) {
+        switch (item.name) {
+            case "Progress":
+                return (React.createElement(Form.Item, { label: "Progress" },
+                    React.createElement(MeetingTasksProgressDataIcon, { id: id, width: "200px" })));
+            case "Members":
+                return (React.createElement(Form.Item, { label: "Members" },
+                    React.createElement(AvatarList, { organizationId: user.info.organizationId, list: meeting.members || [], editable: !meeting.readonly, multiple: true, onChange: onChangeMember })));
+            case "Due Date":
+                return (React.createElement(Form.Item, { label: "Due Date" }, 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)))))));
+            case "Enter Place":
+                return (React.createElement(Form.Item, { label: "Enter Place" },
+                    React.createElement(InlineEdit, { editable: !meeting.readonly, defaultValue: meeting.venue || "", content: (v) => (React.createElement(React.Fragment, null,
+                            React.createElement(FAIcon, { icon: faMapMarkerAlt, className: "margin-right-10" }),
+                            v.store.value ? (React.createElement("span", null, v.store.value)) : (React.createElement("span", { className: "add-info-style" }, "Add Venue")))), onSave: (value) => onSave(value, meeting.venue || "", { Venue: value }) })));
+        }
+    }
+    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);
+    }
+};
+MeetingProperties.defaultProps = {
+    mettingTitle: "Meeting Properties",
+    documentTitle: "Document Properties",
+    mettingProperties: [
+        { name: "Progress" },
+        { name: "Members" },
+        { name: "Due Date" },
+        { name: "Enter Place" },
+    ],
+};
+export default MeetingProperties;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,36 +1,36 @@
-import { Archive, Open, Print, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { CommentDataIcon, DocumentDataIcon } from "@voplus/morpho-document/es/controls/data-icons";
-import React, { useMemo, useState } from "react";
-import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import MeetingTabs from "../MeetingTabs";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import { useMeeting } from "../../../../data/meeting";
-import { useMetaStore } from "@voplus/morpho-document-core";
-const MeetingPropertiesView = (props) => {
-    const { id } = props;
-    const [reload, setReload] = useState(true);
-    const meta = useMetaStore();
-    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    const meeting = useMeeting(id);
-    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
-        React.createElement("div", { className: "module-detail-view" }, reload && (React.createElement(React.Fragment, null,
-            React.createElement(DocumentHeader, { id: id, size: "h3", autoSaveName: true, quickDataBarAlign: "left", clickNameEffect: "edit", flagVisible: false, quickVisible: false, tagsVisible: false, descriptionVisible: false, quickDataBar: React.createElement(React.Fragment, null,
-                    React.createElement(DocumentDataIcon, { id: id, includes: "tags,task-number-reports" }),
-                    React.createElement(CommentDataIcon, { id: id })), tools: React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
-                    React.createElement(Reload, { action: onReLoad }),
-                    React.createElement(Open, { url: meta.getRoute(meeting) }),
-                    React.createElement(Archive, null),
-                    React.createElement(Print, { url: `meeting/print/${id}` })) }),
-            React.createElement(MeetingTabs, { id: id, properties: true })))))));
-    /** reload data */
-    function onReLoad() {
-        setReload(false);
-        setTimeout(() => {
-            setReload(true);
-        }, 100);
-    }
-};
-export default MeetingPropertiesView;
+import { Archive, Open, Print, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { CommentDataIcon, DocumentDataIcon } from "@voplus/morpho-document/es/controls/data-icons";
+import React, { useMemo, useState } from "react";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import MeetingTabs from "../MeetingTabs";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import { useMeeting } from "../../../../data/meeting";
+import { useMetaStore } from "@voplus/morpho-document-core";
+const MeetingPropertiesView = (props) => {
+    const { id } = props;
+    const [reload, setReload] = useState(true);
+    const meta = useMetaStore();
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const meeting = useMeeting(id);
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "module-detail-view" }, reload && (React.createElement(React.Fragment, null,
+            React.createElement(DocumentHeader, { id: id, size: "h3", autoSaveName: true, quickDataBarAlign: "left", clickNameEffect: "edit", flagVisible: false, quickVisible: false, tagsVisible: false, descriptionVisible: false, quickDataBar: React.createElement(React.Fragment, null,
+                    React.createElement(DocumentDataIcon, { id: id, includes: "tags,task-number-reports" }),
+                    React.createElement(CommentDataIcon, { id: id })), tools: React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
+                    React.createElement(Reload, { action: onReLoad }),
+                    React.createElement(Open, { url: meta.getRoute(meeting) }),
+                    React.createElement(Archive, null),
+                    React.createElement(Print, { url: `meeting/print/${id}` })) }),
+            React.createElement(MeetingTabs, { id: id, properties: true })))))));
+    /** reload data */
+    function onReLoad() {
+        setReload(false);
+        setTimeout(() => {
+            setReload(true);
+        }, 100);
+    }
+};
+export default MeetingPropertiesView;
 //# sourceMappingURL=index.js.map

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

@@ -1,15 +1,15 @@
-@import "../../../../style/common.less";
-.meeting-tool-bar {
-	text-align: right;
-}
-.meeting-detail-view {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	overflow: hidden;
-	:global {
-		.meeting-detail-description {
-			padding: 10px 20px;
-		}
-	}
-}
+@import "../../../../style/common.less";
+.meeting-tool-bar {
+	text-align: right;
+}
+.meeting-detail-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	overflow: hidden;
+	:global {
+		.meeting-detail-description {
+			padding: 10px 20px;
+		}
+	}
+}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const MeetingQuickViewDialog: (props: {
-    id: string;
-    visible?: boolean;
-    onCancel?: () => void;
-}) => JSX.Element;
-export default MeetingQuickViewDialog;
+/// <reference types="react" />
+declare const MeetingQuickViewDialog: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default MeetingQuickViewDialog;