@voplus/morpho-document 1.0.0-dev214 → 1.0.0-dev215

package/es/modules/unit/data/FileStore/FileContext.js

@@ -0,0 +1,40 @@
+import { __decorate } from "tslib";
+import { action, computed } from "mobx";
+import { message } from "@voplus/antd";
+export class FileStore {
+    get moveIds() {
+        const moveIds = sessionStorage.getItem("moveIds");
+        return moveIds ? JSON.parse(moveIds) : [];
+    }
+    onMove(ids) {
+        const moveIds = ids;
+        if (!moveIds.length)
+            return message.warning("nothing to cut");
+        window.sessionStorage.setItem("moveIds", JSON.stringify(moveIds));
+        return message.success("Replicating Success");
+    }
+    onPaste(loader) {
+        if (this.moveIds.length) {
+            loader();
+            this.clear();
+        }
+        else
+            message.warning("nothing to cut");
+    }
+    clear() {
+        window.sessionStorage.clear();
+    }
+}
+__decorate([
+    computed
+], FileStore.prototype, "moveIds", null);
+__decorate([
+    action
+], FileStore.prototype, "onMove", null);
+__decorate([
+    action
+], FileStore.prototype, "onPaste", null);
+__decorate([
+    action
+], FileStore.prototype, "clear", null);
+//# sourceMappingURL=FileContext.js.map

package/es/modules/unit/data/FileStore/FileContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileContext.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/FileStore/FileContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,OAAO,SAAS;IAErB,IAAI,OAAO;QACV,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAClD,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,GAAa;QAC1B,MAAM,OAAO,GAAG,GAAG,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAC9D,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAClE,OAAO,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/C,CAAC;IAEM,OAAO,CAAC,MAAkB;QAChC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACxB,MAAM,EAAE,CAAC;YACT,IAAI,CAAC,KAAK,EAAE,CAAC;SACb;;YAAM,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC1C,CAAC;IAEM,KAAK;QACX,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;CACD;AAtBA;IADC,QAAQ;wCAIR;AAED;IADC,MAAM;uCAMN;AAED;IADC,MAAM;wCAMN;AAED;IADC,MAAM;sCAGN"}

package/es/modules/unit/data/FileStore/index.d.ts

@@ -0,0 +1 @@
+export * from "./FileContext";

package/es/modules/unit/data/FileStore/index.js

@@ -0,0 +1,2 @@
+export * from "./FileContext";
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/FileStore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/FileStore/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/es/modules/unit/data/StoreContext/index.d.ts

@@ -0,0 +1,3 @@
+import moment from "moment";
+export declare const localFormat: (time?: any, format?: string | undefined) => string;
+export declare const toLocal: (time: any) => moment.Moment;

package/es/modules/unit/data/StoreContext/index.js

@@ -0,0 +1,4 @@
+import moment from "moment";
+export const localFormat = (time, format) => moment(moment.utc(time).toDate()).format(format);
+export const toLocal = (time) => moment(moment.utc(time).valueOf());
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/StoreContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/StoreContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,MAAe,EAAE,EAAE,CAC1D,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAClD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC"}

package/es/modules/unit/data/UnitContext/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/// <reference types="react-addons-transition-group" />
+/// <reference types="react-addons-css-transition-group" />
+export declare class UnitContextState {
+    onUnitSelected?: (params?: any) => void;
+    /** Construct a new UnitContextState
+     * @param options - Optional initial Unit options values.
+     */
+    constructor(options?: {
+        onUnitSelected?: (params?: any) => void;
+    });
+    /** Retrieve a clean OptionsObject */
+    get options(): {
+        UnitSelected: ((params?: any) => void) | undefined;
+    };
+}
+/** React context for ContextState. */
+export declare const UnitContext: import("react").Context<UnitContextState>;
+/** React hook to retrieve the nearest ContextState. */
+export declare function useUnitContext(): UnitContextState;

package/es/modules/unit/data/UnitContext/index.js

@@ -0,0 +1,32 @@
+import { __decorate } from "tslib";
+import { computed, observable, toJS } from "mobx";
+import { createContext, useContext } from "react";
+export class UnitContextState {
+    /** Construct a new UnitContextState
+     * @param options - Optional initial Unit options values.
+     */
+    constructor(options) {
+        if (options) {
+            this.onUnitSelected = options.onUnitSelected;
+        }
+    }
+    /** Retrieve a clean OptionsObject */
+    get options() {
+        return {
+            UnitSelected: toJS(this.onUnitSelected)
+        };
+    }
+}
+__decorate([
+    observable
+], UnitContextState.prototype, "onUnitSelected", void 0);
+__decorate([
+    computed
+], UnitContextState.prototype, "options", null);
+/** React context for ContextState. */
+export const UnitContext = createContext(null);
+/** React hook to retrieve the nearest ContextState. */
+export function useUnitContext() {
+    return useContext(UnitContext);
+}
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/UnitContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/UnitContext/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,OAAO,gBAAgB;IAG5B;;OAEG;IACH,YAAmB,OAAqD;QACvE,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;SAC7C;IACF,CAAC;IAED,qCAAqC;IAErC,IAAW,OAAO;QACjB,OAAO;YACN,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;SACvC,CAAC;IACH,CAAC;CACD;AAlBY;IAAX,UAAU;wDAAgD;AAa3D;IADC,QAAQ;+CAKR;AAGF,sCAAsC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB,IAAW,CAAC,CAAC;AAExE,uDAAuD;AACvD,MAAM,UAAU,cAAc;IAC7B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AAChC,CAAC"}

package/es/modules/unit/data/hooks.d.ts

@@ -0,0 +1,24 @@
+import { IContact, LoadContactListOptions, LoadContactOptions } from ".";
+import { IActivityLog } from "@voplus/morpho-collaboration/es/data/interfaces/IActivityLog";
+import { ListDataContextState } from "@voplus/morpho-ui/es/data";
+/** React hook to retrieve a contact
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export declare const useContact: (id: string, options?: LoadContactOptions | undefined) => IContact;
+/** React hook to retrieve a contact or return a default empty contact if id is empty.
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export declare const useContactOrDefault: (id?: string | undefined, options?: LoadContactOptions | undefined) => IContact;
+/** React hook to retrieve a list of tasks
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export declare const useContactListEffect: (list: ListDataContextState<IContact> | null, effect: (list: IContact[]) => void, options?: LoadContactListOptions | undefined) => void;
+/** React hook to retrieve a list of activities of a contact.
+ * @param id - the id of the contact.
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export declare const useContactActivityListEffect: (id: string, effect: (list: IActivityLog[]) => void, options?: LoadContactListOptions | undefined) => void;

package/es/modules/unit/data/hooks.js

@@ -0,0 +1,65 @@
+import { useContactStore } from ".";
+import { useCountedMapListEffect, useLoadCountedMapItem } from "@voplus/morpho-data";
+import { useDeepDepEffect } from "@voplus/morpho-data";
+/** React hook to retrieve a contact
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export const useContact = (id, options) => {
+    options = options ? options : {};
+    const store = useContactStore();
+    return useLoadCountedMapItem(id, store.items, () => store.load(id, options), options);
+};
+/** React hook to retrieve a contact or return a default empty contact if id is empty.
+ * @param {string} id - id of the task
+ * @param {LoadContactOptions} options - options
+ */
+export const useContactOrDefault = (id, options) => {
+    options = options ? options : {};
+    const store = useContactStore();
+    const item = useLoadCountedMapItem(id ? id : "empty_id", store.items, id ? () => store.load(id, options) : () => Promise.resolve({}), options);
+    // delete the id if original id passed in is empty.
+    if (!id) {
+        delete item["id"];
+    }
+    return item;
+};
+/** React hook to retrieve a list of tasks
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export const useContactListEffect = (list, effect, options) => {
+    const deps = options ? options : {};
+    const contacts = useContactStore();
+    // Call useContactListEffect and ensure won't load twice for same loading options.
+    // return useCountedMapListEffect(list, effect, contacts.items, () => contacts.loadList(options), [deps]);
+    return useCountedMapListEffect(effect ? innerEffect : effect, contacts.items, () => contacts.loadList(options), [deps], {
+        preload: () => {
+            if (list)
+                list.loading = true;
+        },
+        postload: () => {
+            if (list)
+                list.loading = false;
+        }
+    });
+    function innerEffect(result) {
+        if (list && result.length < list.filters.paging.PageSize)
+            list.hasMore = false;
+        effect(result);
+    }
+};
+/** React hook to retrieve a list of activities of a contact.
+ * @param id - the id of the contact.
+ * @param effect - Effect callback to be ran after successful retrieved the list.
+ * @param options - Optional task list loading options.
+ */
+export const useContactActivityListEffect = (id, effect, options) => {
+    const deps = options ? options : {};
+    const store = useContactStore();
+    // Call useDeepDepEffect directly because returned links do not need to be stored in counted map.
+    useDeepDepEffect(() => {
+        store.loadContactActivityList(id, options).then(effect);
+    }, [deps]);
+};
+//# sourceMappingURL=hooks.js.map

package/es/modules/unit/data/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/modules/unit/data/hooks.ts"],"names":[],"mappings":"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"}

package/es/modules/unit/data/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ContactStore";
+export * from "./interfaces";
+export * from "./hooks";

package/es/modules/unit/data/index.js

@@ -0,0 +1,3 @@
+export * from "./ContactStore";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/unit/data/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAE/B,cAAc,SAAS,CAAC"}

package/es/modules/unit/data/interfaces/IAddress.d.ts

@@ -0,0 +1,14 @@
+export interface IAddress {
+    /** Address line 1 */
+    line1: string;
+    /** Address line 2 */
+    line2?: string;
+    /** City of the address*/
+    city?: string;
+    /** Province/State of the address */
+    state?: string;
+    /** Postal code of the address */
+    postalCode?: string;
+    /** Country of the address */
+    country: string;
+}

package/es/modules/unit/data/interfaces/IAddress.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IAddress.js.map

package/es/modules/unit/data/interfaces/IAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAddress.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IAddress.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/IContact.d.ts

@@ -0,0 +1,45 @@
+import { IAddress } from "./IAddress";
+import { ILoadable } from "@voplus/morpho-data";
+export interface ILegalIdentities {
+    /** Number of the identity document. */
+    number: string;
+    /** Name appear on the legal identity.*/
+    name: string;
+    /** Type of the legal identity */
+    type: "IdentityCard" | "Passport" | "BusinessRegistrationNo";
+    /** Country issued the identity */
+    country: string;
+}
+export interface IContact extends ILoadable {
+    /** Id of the contact */
+    id: string;
+    /** containerId of the contact */
+    containerId: string;
+    /** Name of the contact */
+    name: string;
+    /** Whether the contact is a group or not. */
+    isGroup?: boolean;
+    /** Email of the contact. */
+    email?: string;
+    /** Phone of the contact. */
+    phone?: string;
+    /** Nationality of the contact */
+    nationality?: string;
+    /** Birthday of the contact */
+    birthday?: Date;
+    /** Gender of the contact */
+    gender?: "Male" | "Female";
+    /** Address of the contact. */
+    address: IAddress;
+    /** Site of the contact. */
+    site?: string;
+    /** Primary legal identity of the contact if has. */
+    primaryLegalIdentity: ILegalIdentities;
+    /** Type of the contact. */
+    type: string;
+    /** path of the contact */
+    path?: {
+        id: string;
+        name: string;
+    }[];
+}

package/es/modules/unit/data/interfaces/IContact.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IContact.js.map

package/es/modules/unit/data/interfaces/IContact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IContact.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IContact.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/IEntityName.d.ts

@@ -0,0 +1,6 @@
+export interface IEntityId {
+    id: string;
+}
+export interface IEntityName extends IEntityId {
+    name: string;
+}

package/es/modules/unit/data/interfaces/IEntityName.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IEntityName.js.map

package/es/modules/unit/data/interfaces/IEntityName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEntityName.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/IEntityName.ts"],"names":[],"mappings":""}

package/es/modules/unit/data/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./IContact";
+export * from "./IEntityName";
+export * from "./IAddress";

package/es/modules/unit/data/interfaces/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/es/modules/unit/data/interfaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/data/interfaces/index.ts"],"names":[],"mappings":""}

package/es/modules/unit/pages/UnitDefaultView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitDefaultView: () => JSX.Element;
+export default UnitDefaultView;

package/es/modules/unit/pages/UnitDefaultView/index.js

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from "react";
+import { useLayout, useTabItem } from "@voplus/morpho-data";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
+import UnitDetails from "../../components/UnitDetails";
+import UnitHead from "../../components/UnitHead";
+import UnitTabs from "../../components/UnitTabs";
+import styles from "./index.less";
+import { useContact } from "../../data";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const UnitDefaultView = () => {
+    const [asideContext] = useState(AsideContent.createContext());
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const [loaded, setLoaded] = useState(true);
+    const task = useContact(id);
+    const layout = useLayout();
+    const tab = useTabItem();
+    tab.title = task.name;
+    useEffect(() => {
+        asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "module-tab-view_aside" },
+        React.createElement(UnitTabs, { id: id })));
+    return useObserver(() => (React.createElement("div", { className: "module-tab-view" },
+        React.createElement("div", { className: styles["breadcrumb-header"] },
+            React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath })),
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement("div", { className: styles["unit-default-view"] }, loaded && (React.createElement("div", { className: "unit-default-details" },
+                React.createElement(UnitHead, { id: id, onReload: onReload, onExpand: () => asideContext.asideContent
+                        ? asideContext.closeAside()
+                        : asideContext.openAside(AsideElement, { span: 12 }) }),
+                React.createElement(UnitDetails, { id: id }))))))));
+    function toPath(id) {
+        layout.history.push(`/units/${id}`);
+    }
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default UnitDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitDefaultView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;AACnE,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,aAAa,EAAkB,CAAC;IAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,uBAAuB;QACrC,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,CACf,CACN,CAAC;IAEF,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAC,iBAAiB;QAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;YAC1C,oBAAC,iBAAiB,IAAC,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,GAAI,CAC9C;QACN,oBAAC,YAAY,IAAC,OAAO,EAAE,YAAY;YAClC,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,IACzC,MAAM,IAAI,CACV,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,QAAQ,IACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CACd,YAAY,CAAC,YAAY;wBACxB,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE;wBAC3B,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAErD;gBACF,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CAClB,CACN,CACI,CACQ,CACV,CACN,CAAC,CAAC;IAEH,SAAS,MAAM,CAAC,EAAU;QACzB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,kBAAkB;IAClB,SAAS,QAAQ;QAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/modules/unit/pages/UnitDefaultView/index.less

@@ -0,0 +1,17 @@
+.unit-default-view {
+	height: 100%;
+	background: #ffffff;
+	:global {
+		.unit-default-details {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+	}
+}
+
+.breadcrumb-header {
+	background: #fff;
+	padding: 5px 20px;
+	border-bottom: 1px solid #d9d9d9;
+}

package/es/modules/unit/pages/UnitListView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitListView: () => JSX.Element;
+export default UnitListView;

package/es/modules/unit/pages/UnitListView/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import UnitList from "../../components/UnitList";
+import { useTabItem } from "@voplus/morpho-data";
+const UnitListView = () => {
+    const tab = useTabItem();
+    tab.title = "Unit";
+    return React.createElement(UnitList, null);
+};
+export default UnitListView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitListView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,YAAY,GAAG,GAAG,EAAE;IACzB,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC;IAEnB,OAAO,oBAAC,QAAQ,OAAG,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/es/modules/unit/pages/UnitTreeView/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const UnitTreeView: () => JSX.Element;
+export default UnitTreeView;

package/es/modules/unit/pages/UnitTreeView/index.js

@@ -0,0 +1,47 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import React, { useState } from "react";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
+import { State } from "./state";
+import UnitPropertiesView from "../../components/UnitPropertiesView";
+import UnitSortableTree from "../../components/UnitSortableTree";
+import UnitTypeFilter from "../../controls/UnitTypeFilter";
+import styles from "./index.less";
+import { useLayout } from "@voplus/morpho-data";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+const UnitTreeView = () => {
+    const match = useRouteMatch();
+    const [asideContext] = useState(AsideContent.createContext());
+    const id = match.params.id;
+    const layout = useLayout();
+    const [state] = useState(new State());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    return useObserver(() => (React.createElement("div", { className: styles["tree-view"] },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListHeader, { header: React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath }), filterViewProps: {
+                    columns: [React.createElement(UnitTypeFilter, { key: "unitTypeFilter" })],
+                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
+                    onFilter: c => {
+                        var _a;
+                        c.filter();
+                        state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter(item => item.c === "Type")[0];
+                    },
+                    onReset: c => {
+                        c.reset();
+                        state.filterType = undefined;
+                    }
+                }, sortable: false, addAble: false })),
+        React.createElement(AsideContent, { context: asideContext },
+            React.createElement(UnitSortableTree, { id: id, filterType: state.filterType, onUnitSelected: onUnitSelected })))));
+    function toPath(id) {
+        layout.history.push(`/unit-tree/${id}`);
+    }
+    function onUnitSelected(id) {
+        asideContext.openAside(React.createElement(UnitPropertiesView, { id: id }), { span: 12 });
+    }
+};
+export default UnitTreeView;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/pages/UnitTreeView/index.js.map

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

package/es/modules/unit/pages/UnitTreeView/index.less

@@ -0,0 +1,31 @@
+.tree-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	:global {
+		.list-view-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 10px 20px;
+			border-bottom: 1px solid #f2f2f2;
+			.view-title {
+				color: #000;
+				font-size: 16px;
+				font-weight: 600;
+			}
+			.plus-icon {
+				display: inline-block;
+				padding: 4px;
+				margin-left: 10px;
+				font-size: 13px;
+				line-height: 1px;
+				background: #1abc9c;
+				cursor: pointer;
+			}
+			.margin-left-10 {
+				margin-left: 10px;
+			}
+		}
+	}
+}

package/es/modules/unit/pages/UnitTreeView/state.d.ts

@@ -0,0 +1,5 @@
+import { FilterOption } from "@voplus/morpho-data";
+export declare class State {
+    types: string[];
+    filterType: FilterOption | undefined;
+}

package/es/modules/unit/pages/UnitTreeView/state.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        this.types = [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "types", void 0);
+__decorate([
+    observable
+], State.prototype, "filterType", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/unit/pages/UnitTreeView/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/pages/UnitTreeView/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACoB,UAAK,GAAa,EAAE,CAAC;IAEzC,CAAC;CAAA;AAFY;IAAX,UAAU;oCAA6B;AAC5B;IAAX,UAAU;yCAA6C"}

package/es/pages/TreeViewPage/index.js

@@ -1,37 +1,44 @@
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
 import React, { useState } from "react";
 import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import { Breadcrumb } from "@voplus/antd";
+import BreadCrumbsHeader from "../../components/BreadCrumbsHeader";
 import DocumentSortableTree from "../../components/DocumentSortableTree";
+import { DocumentTypeFilter } from "../../controls/filters";
+import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
 import PropertiesView from "../../components/PropertiesView";
-import classnames from "classnames";
+import { State } from "./state";
 import styles from "./index.less";
-import { useDocument } from "../../data";
 import { useLayout } from "@voplus/morpho-data";
 import { useObserver } from "mobx-react-lite";
 import { useRouteMatch } from "react-router";
-// import DocumentTypeFilter from "../../controls/DocumentTypeFilter";
 const TreeViewPage = () => {
     const match = useRouteMatch();
     const [asideContext] = useState(AsideContent.createContext());
     const id = match.params.id;
     const layout = useLayout();
-    const doc = useDocument(id, { reload: true, includes: "path" });
-    const subStrName = (name) => {
-        return doc.path && doc.path.length > 4 && name.length > 30
-            ? name.substr(0, 20) + "..."
-            : name;
-    };
-    const toPath = (id) => {
-        layout.history.push(`/tree-view/${id}`);
-    };
-    return useObserver(() => (React.createElement(React.Fragment, null,
-        !!(doc.path && doc.path.length) && (React.createElement("div", { className: styles["breadcrumb-container"] },
-            React.createElement(Breadcrumb, { separator: ">" }, [...doc.path, { id: id, name: doc.name }].map((item) => (React.createElement(Breadcrumb.Item, { key: item.id, onClick: () => toPath(item.id) },
-                React.createElement("span", { title: item.name, className: classnames("breadcrumb-name", {
-                        "breadcrumb-active": item.id === id
-                    }) }, subStrName(item.name)))))))),
+    const [state] = useState(new State());
+    /** 建立 ListView 和useTaskListEffect所需的ListDataState. 会根据parentId重建所以不需reset. */
+    const list = useCreateListDataState({}, []);
+    return useObserver(() => (React.createElement("div", { className: styles["tree-view"] },
+        React.createElement(ListDataContext.Provider, { value: list },
+            React.createElement(ListHeader, { header: React.createElement(BreadCrumbsHeader, { id: id, onBreadCrumb: toPath }), filterViewProps: {
+                    columns: [React.createElement(DocumentTypeFilter, { key: "DocumentTypeFilter" })],
+                    /** story 顯示值用, 組件如無必要，不需提供onFilter, ListView2會自動呼叫filter. */
+                    onFilter: c => {
+                        var _a;
+                        c.filter();
+                        state.filterType = (_a = c === null || c === void 0 ? void 0 : c.options.Filters) === null || _a === void 0 ? void 0 : _a.filter(item => item.c === "Type")[0];
+                    },
+                    onReset: c => {
+                        c.reset();
+                        state.filterType = undefined;
+                    }
+                }, sortable: false, addAble: false })),
         React.createElement(AsideContent, { context: asideContext },
-            React.createElement(DocumentSortableTree, { id: match.params.id, onDocumentSelected: onDocumentSelected })))));
+            React.createElement(DocumentSortableTree, { id: match.params.id, filterType: state.filterType, onDocumentSelected: onDocumentSelected })))));
+    function toPath(id) {
+        layout.history.push(`/tree-view/${id}`);
+    }
     function onDocumentSelected(id) {
         asideContext.openAside(React.createElement(PropertiesView, { id: id }), { span: 12 });
     }