@voplus/morpho-workspace 4.0.0 → 4.0.2

package/es/modules/work/components/WorksProperties/index.js

@@ -1,100 +1,100 @@
-import { Avatar, DatePicker, Form } from "antd";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
-import React, { useEffect, useMemo } from "react";
-import moment from "moment";
-import { useWork, useWorkStore } from "../../../../data/work";
-import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
-import ChangeAvatarDialog from "@voplus/morpho-org/es/controls/ChangeAvatarDialog";
-import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
-import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
-import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import PropertiesSection from "@voplus/morpho-document/es/controls/PropertiesSection";
-import { Scrollbars } from "react-custom-scrollbars";
-import { State } from "./state";
-import ToolBar from "@voplus/morpho-org/es/controls/ToolBar";
-import ToolBar2 from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
-import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
-import WorkStatusLabel from "../../controls/WorkStatusLabel";
-import classnames from "classnames";
-import dayjs from "dayjs";
-import { runInAction } from "mobx";
-import styles from "./index.less";
-const WorksProperties = (props) => {
-    const { id, headerVisible, workTitle, documentTitle, workProperties, documentProperties } = props;
-    const work = useWork(id, { reload: true, includes: "tags" });
-    const store = useWorkStore();
-    const state = useMemo(() => new State(id, store), [id]);
-    const noData = React.createElement("span", { className: "add-info-style" }, "no data");
-    const filterPro = workProperties === null || workProperties === void 0 ? void 0 : workProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
-    useEffect(() => {
-        state.clear();
-    }, [id]);
-    return observe(() => (React.createElement("div", { className: classnames(styles["work-roperties"], "properties-list") },
-        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
-        React.createElement(Scrollbars, { autoHide: true },
-            React.createElement(PropertiesSection, { title: workTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
-            React.createElement(DocumentProperties, { fromLabelRequired: true, id: id, labelCol: 10, wrapperCol: 20, title: documentTitle, customProperties: documentProperties })),
-        state.ownerEditable && (React.createElement(ChangeAvatarDialog, { title: "Change Owner Dialog", person: work.owners || [], onCancel: () => runInAction(() => (state.ownerEditable = false)), onSave: (ids) => state.ownerEdit(ids) })),
-        state.contactEditable && (
-        // <ChangeAvatarDialog
-        // 	title="Change Contact Dialog"
-        // 	person={[work.contact] || []}
-        // 	onCancel={() => runInAction(() => (state.contactEditable = false))}
-        // 	onSave={(ids: string[]) => state.contactEdit(ids)}
-        // />
-        React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: (unit) => {
-                const ids = unit[0].id.toString();
-                state.contactEdit(ids);
-            }, onCancel: () => (state.contactEditable = false) })))));
-    function renderProp(item) {
-        var _a, _b, _c, _d, _e;
-        switch (item.name) {
-            case "Status":
-                return (React.createElement(Form.Item, { label: "Status" },
-                    React.createElement(WorkStatusLabel, { status: work.workStatus, editable: !work.readonly, onChange: (workStatus) => state.workStatusEdit(workStatus) })));
-            case "Contact":
-                return (React.createElement(Form.Item, { label: "Contact", wrapperCol: { span: 20 } },
-                    React.createElement(InlineEdit, { defaultValue: "", showEditIcon: true, editable: false, onEditIconClick: () => runInAction(() => (state.contactEditable = true)), content: (v) => {
-                            var _a, _b;
-                            return work.contact ? (React.createElement(ToolBar, { id: (_a = work.contact) === null || _a === void 0 ? void 0 : _a.id },
-                                React.createElement("span", null,
-                                    React.createElement(UnitReference, { id: (_b = work.contact) === null || _b === void 0 ? void 0 : _b.id, symbol: true })))) : (noData);
-                        } })));
-            case "Document":
-                return (React.createElement(Form.Item, { label: "Document" }, ((_a = work.document) === null || _a === void 0 ? void 0 : _a.id) ? React.createElement(DocumentReference, { id: work.document.id }) : noData));
-            case "Due":
-                return (React.createElement(Form.Item, { label: "Due" }, state.dueDateEditable ? (React.createElement(DatePicker, { defaultValue: dayjs(work.due), bordered: false, onChange: (date, dateString) => state.dueDateEdit(date, dateString) })) : (React.createElement("div", { onClick: () => runInAction(() => (state.dueDateEditable = true)) }, work.due ? moment(work.due).format("DD MMM yyyy") : noData))));
-            case "Owner":
-                return (React.createElement(Form.Item, { label: "Owner", wrapperCol: { span: 20 } },
-                    React.createElement(InlineEdit, { defaultValue: "", showEditIcon: true, editable: false, onEditIconClick: () => runInAction(() => (state.ownerEditable = true)), content: (v) => {
-                            var _a;
-                            return work.owners || state.ownerEditable ? (React.createElement(Avatar.Group, null, (_a = work.owners) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement(UnitReference, { key: item.id, id: item.id },
-                                React.createElement(AvatarItem, { id: item.id, index: index })))))) : (noData);
-                        } })));
-            case "Work Type":
-                return (React.createElement(Form.Item, { label: "Work Type" }, (_b = work.workType) === null || _b === void 0 ? void 0 :
-                    _b.name,
-                    ((_c = work.workType) === null || _c === void 0 ? void 0 : _c.id) && (React.createElement(ToolBar2, { id: (_d = work.workType) === null || _d === void 0 ? void 0 : _d.id, showMenu: false },
-                        React.createElement(Open, { url: `/work-types-page/${(_e = work.workType) === null || _e === void 0 ? void 0 : _e.id}` })))));
-            case "Number":
-                return React.createElement(Form.Item, { label: "Number" }, work.number);
-        }
-    }
-};
-WorksProperties.defaultProps = {
-    workTitle: "Work Properties",
-    documentTitle: "Document Properties",
-    workProperties: [
-        { name: "Work Type" },
-        { name: "Number" },
-        { name: "Status" },
-        { name: "Contact" },
-        { name: "Document" },
-        { name: "Due" },
-        { name: "Owner" },
-    ],
-};
-export default WorksProperties;
+import { Avatar, DatePicker, Form } from "antd";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import React, { useEffect, useMemo } from "react";
+import moment from "moment";
+import { useWork, useWorkStore } from "../../../../data/work";
+import AvatarItem from "@voplus/morpho-org/es/components/AvatarList/AvatarItem";
+import ChangeAvatarDialog from "@voplus/morpho-org/es/controls/ChangeAvatarDialog";
+import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
+import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
+import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import PropertiesSection from "@voplus/morpho-document/es/controls/PropertiesSection";
+import { Scrollbars } from "react-custom-scrollbars";
+import { State } from "./state";
+import ToolBar from "@voplus/morpho-org/es/controls/ToolBar";
+import ToolBar2 from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
+import UnitsSelectDialog from "@voplus/morpho-org/es/components/UnitsSelectDialog";
+import WorkStatusLabel from "../../controls/WorkStatusLabel";
+import classnames from "classnames";
+import dayjs from "dayjs";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+const WorksProperties = (props) => {
+    const { id, headerVisible, workTitle, documentTitle, workProperties, documentProperties } = props;
+    const work = useWork(id, { reload: true, includes: "tags" });
+    const store = useWorkStore();
+    const state = useMemo(() => new State(id, store), [id]);
+    const noData = React.createElement("span", { className: "add-info-style" }, "no data");
+    const filterPro = workProperties === null || workProperties === void 0 ? void 0 : workProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    useEffect(() => {
+        state.clear();
+    }, [id]);
+    return observe(() => (React.createElement("div", { className: classnames(styles["work-roperties"], "properties-list") },
+        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(PropertiesSection, { title: workTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
+            React.createElement(DocumentProperties, { fromLabelRequired: true, id: id, labelCol: 10, wrapperCol: 20, title: documentTitle, customProperties: documentProperties })),
+        state.ownerEditable && (React.createElement(ChangeAvatarDialog, { title: "Change Owner Dialog", person: work.owners || [], onCancel: () => runInAction(() => (state.ownerEditable = false)), onSave: (ids) => state.ownerEdit(ids) })),
+        state.contactEditable && (
+        // <ChangeAvatarDialog
+        // 	title="Change Contact Dialog"
+        // 	person={[work.contact] || []}
+        // 	onCancel={() => runInAction(() => (state.contactEditable = false))}
+        // 	onSave={(ids: string[]) => state.contactEdit(ids)}
+        // />
+        React.createElement(UnitsSelectDialog, { type: "click", multiSelect: false, onSelect: (unit) => {
+                const ids = unit[0].id.toString();
+                state.contactEdit(ids);
+            }, onCancel: () => (state.contactEditable = false) })))));
+    function renderProp(item) {
+        var _a, _b, _c, _d, _e;
+        switch (item.name) {
+            case "Status":
+                return (React.createElement(Form.Item, { label: "Status" },
+                    React.createElement(WorkStatusLabel, { status: work.workStatus, editable: !work.readonly, onChange: (workStatus) => state.workStatusEdit(workStatus) })));
+            case "Contact":
+                return (React.createElement(Form.Item, { label: "Contact", wrapperCol: { span: 20 } },
+                    React.createElement(InlineEdit, { defaultValue: "", showEditIcon: true, editable: false, onEditIconClick: () => runInAction(() => (state.contactEditable = true)), content: (v) => {
+                            var _a, _b;
+                            return work.contact ? (React.createElement(ToolBar, { id: (_a = work.contact) === null || _a === void 0 ? void 0 : _a.id },
+                                React.createElement("span", null,
+                                    React.createElement(UnitReference, { id: (_b = work.contact) === null || _b === void 0 ? void 0 : _b.id, symbol: true })))) : (noData);
+                        } })));
+            case "Document":
+                return (React.createElement(Form.Item, { label: "Document" }, ((_a = work.document) === null || _a === void 0 ? void 0 : _a.id) ? React.createElement(DocumentReference, { id: work.document.id }) : noData));
+            case "Due":
+                return (React.createElement(Form.Item, { label: "Due" }, state.dueDateEditable ? (React.createElement(DatePicker, { defaultValue: dayjs(work.due), bordered: false, onChange: (date, dateString) => state.dueDateEdit(date, dateString) })) : (React.createElement("div", { onClick: () => runInAction(() => (state.dueDateEditable = true)) }, work.due ? moment(work.due).format("DD MMM yyyy") : noData))));
+            case "Owner":
+                return (React.createElement(Form.Item, { label: "Owner", wrapperCol: { span: 20 } },
+                    React.createElement(InlineEdit, { defaultValue: "", showEditIcon: true, editable: false, onEditIconClick: () => runInAction(() => (state.ownerEditable = true)), content: (v) => {
+                            var _a;
+                            return work.owners || state.ownerEditable ? (React.createElement(Avatar.Group, null, (_a = work.owners) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement(UnitReference, { key: item.id, id: item.id },
+                                React.createElement(AvatarItem, { id: item.id, index: index })))))) : (noData);
+                        } })));
+            case "Work Type":
+                return (React.createElement(Form.Item, { label: "Work Type" }, (_b = work.workType) === null || _b === void 0 ? void 0 :
+                    _b.name,
+                    ((_c = work.workType) === null || _c === void 0 ? void 0 : _c.id) && (React.createElement(ToolBar2, { id: (_d = work.workType) === null || _d === void 0 ? void 0 : _d.id, showMenu: false },
+                        React.createElement(Open, { url: `/work-types-page/${(_e = work.workType) === null || _e === void 0 ? void 0 : _e.id}` })))));
+            case "Number":
+                return React.createElement(Form.Item, { label: "Number" }, work.number);
+        }
+    }
+};
+WorksProperties.defaultProps = {
+    workTitle: "Work Properties",
+    documentTitle: "Document Properties",
+    workProperties: [
+        { name: "Work Type" },
+        { name: "Number" },
+        { name: "Status" },
+        { name: "Contact" },
+        { name: "Document" },
+        { name: "Due" },
+        { name: "Owner" },
+    ],
+};
+export default WorksProperties;
 //# sourceMappingURL=index.js.map

package/es/modules/work/components/WorksProperties/index.less

@@ -1,18 +1,18 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-.work-roperties {
-
-	:global {
-		.no-data {
-			color: #00000040;
-		}
-
-		.add-folder {
-			color: #00000040;
-		}
-
-		.contact-avatar {
-			position: relative;
-		}
-	}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.work-roperties {
+
+	:global {
+		.no-data {
+			color: #00000040;
+		}
+
+		.add-folder {
+			color: #00000040;
+		}
+
+		.contact-avatar {
+			position: relative;
+		}
+	}
 }

package/es/modules/work/components/WorksProperties/state.d.ts

@@ -1,14 +1,14 @@
-import { WorkStore } from "../../../../data/work";
-export declare class State {
-    private id;
-    private store;
-    dueDateEditable: boolean;
-    ownerEditable: boolean;
-    contactEditable: boolean;
-    constructor(id: string, store: WorkStore);
-    clear(): void;
-    workStatusEdit(workStatus: string): void;
-    ownerEdit(ids: string[]): Promise<void>;
-    contactEdit(ids: string): Promise<void>;
-    dueDateEdit(date: any, dateString: string): Promise<void>;
-}
+import { WorkStore } from "../../../../data/work";
+export declare class State {
+    private id;
+    private store;
+    dueDateEditable: boolean;
+    ownerEditable: boolean;
+    contactEditable: boolean;
+    constructor(id: string, store: WorkStore);
+    clear(): void;
+    workStatusEdit(workStatus: string): void;
+    ownerEdit(ids: string[]): Promise<void>;
+    contactEdit(ids: string): Promise<void>;
+    dueDateEdit(date: any, dateString: string): Promise<void>;
+}

package/es/modules/work/components/WorksProperties/state.js

@@ -1,88 +1,88 @@
-import { __decorate } from "tslib";
-import { action, makeObservable, observable } from "mobx";
-import { message } from "antd";
-export class State {
-    constructor(id, store) {
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: id
-        });
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        Object.defineProperty(this, "dueDateEditable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "ownerEditable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "contactEditable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        makeObservable(this);
-    }
-    clear() {
-        this.dueDateEditable = false;
-        this.ownerEditable = false;
-        this.contactEditable = false;
-    }
-    workStatusEdit(workStatus) {
-        this.store.edit(this.id, {
-            data: { workStatus },
-            error: (error) => {
-                message.error(error.message);
-            },
-        });
-    }
-    async ownerEdit(ids) {
-        await this.store.edit(this.id, { data: { OwnerIds: ids }, error: "message" });
-        this.ownerEditable = false;
-    }
-    async contactEdit(ids) {
-        await this.store.edit(this.id, { data: { ContactId: ids }, error: "message" });
-        this.contactEditable = false;
-    }
-    async dueDateEdit(date, dateString) {
-        await this.store.edit(this.id, { data: { DueDate: dateString }, error: "message" });
-        this.dueDateEditable = false;
-    }
-}
-__decorate([
-    observable
-], State.prototype, "dueDateEditable", void 0);
-__decorate([
-    observable
-], State.prototype, "ownerEditable", void 0);
-__decorate([
-    observable
-], State.prototype, "contactEditable", void 0);
-__decorate([
-    action
-], State.prototype, "clear", null);
-__decorate([
-    action
-], State.prototype, "workStatusEdit", null);
-__decorate([
-    action
-], State.prototype, "ownerEdit", null);
-__decorate([
-    action
-], State.prototype, "contactEdit", null);
-__decorate([
-    action
-], State.prototype, "dueDateEdit", null);
+import { __decorate } from "tslib";
+import { action, makeObservable, observable } from "mobx";
+import { message } from "antd";
+export class State {
+    constructor(id, store) {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: id
+        });
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        Object.defineProperty(this, "dueDateEditable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "ownerEditable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "contactEditable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+    clear() {
+        this.dueDateEditable = false;
+        this.ownerEditable = false;
+        this.contactEditable = false;
+    }
+    workStatusEdit(workStatus) {
+        this.store.edit(this.id, {
+            data: { workStatus },
+            error: (error) => {
+                message.error(error.message);
+            },
+        });
+    }
+    async ownerEdit(ids) {
+        await this.store.edit(this.id, { data: { OwnerIds: ids }, error: "message" });
+        this.ownerEditable = false;
+    }
+    async contactEdit(ids) {
+        await this.store.edit(this.id, { data: { ContactId: ids }, error: "message" });
+        this.contactEditable = false;
+    }
+    async dueDateEdit(date, dateString) {
+        await this.store.edit(this.id, { data: { DueDate: dateString }, error: "message" });
+        this.dueDateEditable = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "dueDateEditable", void 0);
+__decorate([
+    observable
+], State.prototype, "ownerEditable", void 0);
+__decorate([
+    observable
+], State.prototype, "contactEditable", void 0);
+__decorate([
+    action
+], State.prototype, "clear", null);
+__decorate([
+    action
+], State.prototype, "workStatusEdit", null);
+__decorate([
+    action
+], State.prototype, "ownerEdit", null);
+__decorate([
+    action
+], State.prototype, "contactEdit", null);
+__decorate([
+    action
+], State.prototype, "dueDateEdit", null);
 //# sourceMappingURL=state.js.map

package/es/modules/work/controls/WorkDataIconBar/index.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-declare const WorkDataIconBar: {
-    (props: {
-        id: string;
-        dueDateVisible?: boolean;
-        documentDateVisible?: boolean;
-        commentVisible?: boolean;
-        statusVisible?: boolean;
-    }): JSX.Element;
-    defaultProps: {
-        documentDateVisible: boolean;
-        commentVisible: boolean;
-    };
-};
-export default WorkDataIconBar;
+/// <reference types="react" />
+declare const WorkDataIconBar: {
+    (props: {
+        id: string;
+        dueDateVisible?: boolean;
+        documentDateVisible?: boolean;
+        commentVisible?: boolean;
+        statusVisible?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        documentDateVisible: boolean;
+        commentVisible: boolean;
+    };
+};
+export default WorkDataIconBar;

package/es/modules/work/controls/WorkDataIconBar/index.js

@@ -1,42 +1,42 @@
-import { CommentDataIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
-import React, { useState } from "react";
-import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Tooltip } from "antd";
-import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
-import WorkStatusDataIcon from "../WorkStatusDataIcon";
-import { faAlarmExclamation } from "@fortawesome/pro-light-svg-icons";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { useWork } from "../../../../data/work";
-const WorkDataIconBar = (props) => {
-    const { id, dueDateVisible, documentDateVisible, commentVisible, statusVisible } = props;
-    const [visible, setVisible] = useState(false);
-    const work = useWork(id, { reload: false });
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(DataIconBar, null,
-            dueDateVisible && (React.createElement(Tooltip, { title: "Due Date" },
-                React.createElement("span", { className: "due-date data-icon" },
-                    React.createElement(FAIcon, { icon: faAlarmExclamation }),
-                    work.due ? moment(work.due).format("DD MMM yyyy") : "no data"))),
-            documentDateVisible && (React.createElement(Tooltip, { title: "Document Date" },
-                React.createElement("span", { className: "data-icon" }, work.date ? moment(work.date).format("DD MMM yyyy") : "no data"))),
-            React.createElement(DocumentDataIcon, { id: id }),
-            commentVisible && React.createElement(CommentDataIcon, { id: id }),
-            React.createElement(UserQuickIcon, { id: id }),
-            ((_a = work.contact) === null || _a === void 0 ? void 0 : _a.id) && (React.createElement(Tooltip, { title: "Work Contact", open: visible, onOpenChange: onVisibleChange },
-                React.createElement("span", { className: "data-icon", onClick: () => setVisible(false) },
-                    React.createElement(UnitReference, { id: (_b = work.contact) === null || _b === void 0 ? void 0 : _b.id })))),
-            statusVisible && React.createElement(WorkStatusDataIcon, { id: id })));
-    });
-    function onVisibleChange(visible) {
-        setVisible(visible);
-    }
-};
-WorkDataIconBar.defaultProps = {
-    documentDateVisible: true,
-    commentVisible: true,
-};
-export default WorkDataIconBar;
+import { CommentDataIcon, DocumentDataIcon, UserQuickIcon, } from "@voplus/morpho-document/es/controls/data-icons";
+import React, { useState } from "react";
+import DataIconBar from "@voplus/morpho-document/es/controls/DataIconBar";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Tooltip } from "antd";
+import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
+import WorkStatusDataIcon from "../WorkStatusDataIcon";
+import { faAlarmExclamation } from "@fortawesome/pro-light-svg-icons";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { useWork } from "../../../../data/work";
+const WorkDataIconBar = (props) => {
+    const { id, dueDateVisible, documentDateVisible, commentVisible, statusVisible } = props;
+    const [visible, setVisible] = useState(false);
+    const work = useWork(id, { reload: false });
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(DataIconBar, null,
+            dueDateVisible && (React.createElement(Tooltip, { title: "Due Date" },
+                React.createElement("span", { className: "due-date data-icon" },
+                    React.createElement(FAIcon, { icon: faAlarmExclamation }),
+                    work.due ? moment(work.due).format("DD MMM yyyy") : "no data"))),
+            documentDateVisible && (React.createElement(Tooltip, { title: "Document Date" },
+                React.createElement("span", { className: "data-icon" }, work.date ? moment(work.date).format("DD MMM yyyy") : "no data"))),
+            React.createElement(DocumentDataIcon, { id: id }),
+            commentVisible && React.createElement(CommentDataIcon, { id: id }),
+            React.createElement(UserQuickIcon, { id: id }),
+            ((_a = work.contact) === null || _a === void 0 ? void 0 : _a.id) && (React.createElement(Tooltip, { title: "Work Contact", open: visible, onOpenChange: onVisibleChange },
+                React.createElement("span", { className: "data-icon", onClick: () => setVisible(false) },
+                    React.createElement(UnitReference, { id: (_b = work.contact) === null || _b === void 0 ? void 0 : _b.id })))),
+            statusVisible && React.createElement(WorkStatusDataIcon, { id: id })));
+    });
+    function onVisibleChange(visible) {
+        setVisible(visible);
+    }
+};
+WorkDataIconBar.defaultProps = {
+    documentDateVisible: true,
+    commentVisible: true,
+};
+export default WorkDataIconBar;
 //# sourceMappingURL=index.js.map

package/es/modules/work/controls/WorkErrorMenu/index.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-declare const WorkErrorMenu: {
-    (props: {
-        id: string;
-        className?: string;
-        /** Delete Menu Item 删除后是否关闭Aside */
-        closeAside?: boolean;
-        size: "small" | "middle" | "large" | undefined;
-    }): JSX.Element;
-    defaultProps: {
-        size: string;
-    };
-};
-export default WorkErrorMenu;
+/// <reference types="react" />
+declare const WorkErrorMenu: {
+    (props: {
+        id: string;
+        className?: string;
+        /** Delete Menu Item 删除后是否关闭Aside */
+        closeAside?: boolean;
+        size: "small" | "middle" | "large" | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default WorkErrorMenu;