@voplus/morpho-document 1.0.0-dev324 → 1.0.0-dev326

package/changelog.md

@@ -1,3 +1,5 @@
+[Fix]: Envelope Default View Letter Icon 签名，未签名信息使用真资料
+[Improve] Sign Receipent View 增加简介页、Sign Receipent View , 用户签好名后，需要reload activities
 【Fix】Test 上 Drive打开文件PropertiesView console显示错误
 【Improvement】改进Store action 错误处理，适当使用StoreActionOptions显示错误信息
 minor: QuickView 改成边到边; FIx: List filter rest几次后list 会不正常的变空

package/es/components/AvatarList/ListView.d.ts

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

package/es/components/AvatarList/ListView.js

@@ -0,0 +1,104 @@
+import "./index.less";
+import { useMemberContext } from "./state";
+import { Button, Input, Spin } from "@voplus/antd";
+import { useUnitListEffect } from "@voplus/morpho-org";
+import React, { useState } from "react";
+import AvatarItem from "./AvatarItem";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
+import { LoadingOutlined } from "@ant-design/icons";
+import classnames from "classnames";
+import { faCheck } from "@fortawesome/pro-light-svg-icons";
+import { useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useObserver } from "mobx-react-lite";
+const ListView = (props) => {
+    const { multiple, buttonText, size, editable } = props;
+    const context = useMemberContext();
+    const [, setTimer] = useState();
+    const list = useCreateListDataState({
+        filterDefaults: {
+            page: { Page: 1, PageSize: 50 },
+        },
+    }, []);
+    useUnitListEffect(list, (result) => {
+        const oList = result.map((item) => {
+            const avatar = context.members.find(({ id }) => item.id === id);
+            return {
+                ...item,
+                checked: !!(avatar && avatar.id),
+                disabled: !!(avatar && avatar.disabled),
+            };
+        });
+        context.checkedIds = result
+            .filter((item) => context.members.some((m) => m.id === item.id))
+            .map(({ id }) => id);
+        list.union(oList);
+    }, {
+        ...list.filters.options,
+        Filters: [...context.filters, ...context.defaultFilterOptions],
+    });
+    return useObserver(() => (React.createElement("div", { className: "avatar-list-view_menu" },
+        React.createElement("div", { className: "avatar-search" },
+            React.createElement(Input.Search, { value: context.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) }),
+            multiple && (React.createElement(Button, { type: "link", loading: context.saveLoading, onClick: onOk, className: "save-btn" }, buttonText))),
+        React.createElement("div", { style: { flex: 1 } }, context.loading ? (React.createElement("div", { style: { textAlign: "center", paddingTop: "20px" } },
+            React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 20 }, spin: true }) }))) : (React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore }, list.data.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
+            React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
+            item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
+            item.loading && React.createElement(LoadingOutlined, { className: "icon-check" }))))))))));
+    function loadMore() {
+        list.triggerNextPage();
+    }
+    async function onTick(item, checked) {
+        var _a;
+        if (item.disabled || !editable)
+            return;
+        context.checkedIds = checked
+            ? [...context.checkedIds, item.id]
+            : context.checkedIds.filter((id) => id !== item.id);
+        /** 单选 */
+        item.loading = true;
+        if (!multiple)
+            await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, item));
+        item.loading = false;
+        item.checked = !item.checked;
+        if (!multiple)
+            context.visible = false;
+        /** 多选 */
+        if (multiple)
+            context.members = checked
+                ? [...context.members, item]
+                : context.members.filter(({ id }) => id !== item.id);
+    }
+    /** multiple save */
+    async function onOk() {
+        var _a;
+        context.saveLoading = true;
+        await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, context.checkedIds, context.members));
+        context.saveLoading = false;
+        context.visible = false;
+    }
+    function searchByKeWord(keyword) {
+        context.keyword = keyword;
+        setTimer(setTimeout(() => {
+            context.filters = context.keyword
+                ? [{ c: "Name", o: "contains", l: "And", v1: context.keyword }]
+                : [];
+            list.clear();
+            setTimer(undefined);
+        }, 500));
+        // const items = context.list.filter(
+        // 	({ name }: any) =>
+        // 		name
+        // 			.toLowerCase()
+        // 			.replace(/\s*/g, "")
+        // 			.indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1
+        // );
+        // for (const item of items) {
+        // 	list.remove(item.id);
+        // }
+        // list.union(items);
+    }
+};
+export default ListView;
+//# sourceMappingURL=ListView.js.map

package/es/components/AvatarList/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../src/components/AvatarList/ListView.tsx"],"names":[],"mappings":"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"}

package/es/components/AvatarList/index.d.ts

@@ -6,6 +6,7 @@ declare const AvatarList: {
     defaultProps: {
         editable: boolean;
         size: number;
+        buttonText: string;
     };
 };
 export default AvatarList;

package/es/components/AvatarList/index.js

@@ -1,117 +1,41 @@
 import "./index.less";
-import { Avatar, Button, Dropdown, Input } from "@voplus/antd";
-import { State } from "./state";
-import { LoadingOutlined, PlusOutlined } from "@ant-design/icons";
-import React, { useEffect, useRef, useState } from "react";
-import { useUnitListEffect, useUnitStore } from "@voplus/morpho-org";
+import { Avatar, Dropdown } from "@voplus/antd";
+import { MemberContext, State } from "./state";
+import React, { useEffect, useState } from "react";
 import AvatarItem from "./AvatarItem";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import Scrollbars from "react-custom-scrollbars";
+import ListView from "./ListView";
+import { PlusOutlined } from "@ant-design/icons";
 import classnames from "classnames";
-import { faCheck } from "@fortawesome/pro-light-svg-icons";
 import { useObserver } from "mobx-react-lite";
 const AvatarList = (props) => {
-    const { multiple, list, size, editable, maxCount, icon, className } = props;
-    const [state] = useState(new State());
-    const unitStore = useUnitStore();
-    useUnitListEffect(null, (list) => {
-        state.list = list;
-    });
+    const { organizationId, list, size, editable, maxCount, icon, className } = props;
+    const [state] = useState(new State(organizationId));
     useEffect(() => {
-        state.items = [];
         state.keyword = "";
-        if (state.visible)
-            load();
     }, [state.visible]);
     useEffect(() => {
         state.members = list || [];
-        // const total = (list && list.length) || 0;
-        // if (!multiple) {
-        // const parentWidth = ref.current ? ref.current.parentNode.offsetWidth : 0;
-        // const totalNum = Math.round(parentWidth / 26) - 1;
-        // 最多显示10个
-        // const num = totalNum > 9 && !multiple ? 9 : totalNum;
+        /** 加上JSON.stringify避免为list每次为[]时,state.members也为[] */
     }, [JSON.stringify(list)]);
-    const ref = useRef(null);
-    return useObserver(() => (React.createElement("div", { ref: ref, className: classnames("avatar-list-view", className) },
-        React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
-                color: "#f56a00",
-                backgroundColor: "#fde3cf",
-                width: size,
-                height: size,
-                lineHeight: size,
-            } }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
-        editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement("div", { className: "avatar-list-view_menu" },
-                React.createElement("div", { className: "avatar-search" },
-                    React.createElement(Input.Search, { value: state.keyword, autoFocus: true, onSearch: searchByKeWord, onChange: (e) => searchByKeWord(e.target.value) })),
-                React.createElement("div", { style: { flex: 1 } },
-                    React.createElement(Scrollbars, { autoHide: true }, state.items.map((item, index) => (React.createElement("div", { key: item.id, className: "avatar-menu-item", onClick: () => onTick(item, !item.checked) },
-                        React.createElement(AvatarItem, { id: item.id, index: index, size: size, inline: true, disabled: item.disabled }),
-                        item.checked && (React.createElement(FAIcon, { icon: faCheck, className: classnames("icon-check", { disabled: item.disabled }) })),
-                        item.loading && React.createElement(LoadingOutlined, { className: "icon-check" })))))),
-                multiple && (React.createElement("div", { className: "multiple-footer-btn" },
-                    React.createElement(Button, { type: "link", loading: state.loading, onClick: onOk }, "Ok")))), trigger: ["click"] },
-            React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} }))))));
-    async function onTick(item, checked) {
-        var _a;
-        if (item.disabled || !editable)
-            return;
-        state.checkedIds = checked
-            ? [...state.checkedIds, item.id]
-            : state.checkedIds.filter((id) => id !== item.id);
-        /** 单选 */
-        item.loading = true;
-        if (!multiple)
-            await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds, item));
-        item.loading = false;
-        item.checked = !item.checked;
-        if (!multiple)
-            state.visible = false;
-        /** 多选 */
-        if (!!multiple)
-            state.members = checked
-                ? [...state.members, item]
-                : state.members.filter(({ id }) => id !== item.id);
-    }
-    /** 多选确认 */
-    async function onOk() {
-        var _a;
-        state.loading = true;
-        await ((_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, state.checkedIds));
-        state.loading = false;
-        visibleChange(false);
-    }
-    function searchByKeWord(keyWord) {
-        state.keyword = keyWord;
-        state.items = state.list.filter(({ name }) => name
-            .toLowerCase()
-            .replace(/\s*/g, "")
-            .indexOf(keyWord.toLowerCase().replace(/\s*/g, "")) !== -1);
-    }
+    return useObserver(() => (React.createElement(MemberContext.Provider, { value: state },
+        React.createElement("div", { className: classnames("avatar-list-view", className) },
+            React.createElement(Avatar.Group, { maxCount: maxCount, maxStyle: {
+                    color: "#f56a00",
+                    backgroundColor: "#fde3cf",
+                    width: size,
+                    height: size,
+                    lineHeight: size,
+                } }, state.members.map((member, index) => (React.createElement(AvatarItem, { key: member.id, id: member.id, index: index, size: size })))),
+            editable && (React.createElement(Dropdown, { onVisibleChange: visibleChange, visible: state.visible, overlay: React.createElement(ListView, Object.assign({}, props)), trigger: ["click"] },
+                React.createElement(Avatar, { size: size, icon: icon || React.createElement(PlusOutlined, null), className: "avatar-item_block avatar-item-add", style: !!state.members.length ? { marginLeft: "-5px" } : {} })))))));
     function visibleChange(visible) {
         state.visible = visible;
     }
-    /**  */
-    async function load() {
-        const list = await unitStore.loadList();
-        const oList = list.map((item) => {
-            const avatar = state.members.find(({ id }) => item.id === id);
-            return {
-                ...item,
-                checked: !!(avatar && avatar.id),
-                disabled: !!(avatar && avatar.disabled),
-            };
-        });
-        state.checkedIds = list
-            .filter((item) => state.members.some((m) => m.id === item.id))
-            .map(({ id }) => id);
-        state.list = oList;
-        state.items = oList;
-    }
 };
 AvatarList.defaultProps = {
     editable: true,
     size: 26,
+    buttonText: "Save",
 };
 export default AvatarList;
 //# sourceMappingURL=index.js.map

package/es/components/AvatarList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAmB,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElF,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QAC3B,sDAAsD;IACvD,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAE3B,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACnC,6BAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC;YACxD,oBAAC,MAAM,CAAC,KAAK,IACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE;oBACT,KAAK,EAAE,SAAS;oBAChB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI;iBAChB,IAEA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CAClD,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACvE,CAAC,CACY;YAEd,QAAQ,IAAI,CACZ,oBAAC,QAAQ,IACR,eAAe,EAAE,aAAa,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,oBAAC,QAAQ,oBAAK,KAAK,EAAI,EAChC,OAAO,EAAE,CAAC,OAAO,CAAC;gBAElB,oBAAC,MAAM,IACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IAAI,oBAAC,YAAY,OAAG,EAC9B,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1D,CACQ,CACX,CACI,CACkB,CACzB,CAAC,CAAC;IACH,SAAS,aAAa,CAAC,OAAgB;QACtC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;AACF,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,EAAE;IACR,UAAU,EAAE,MAAM;CAClB,CAAC;AACF,eAAe,UAAU,CAAC"}

package/es/components/AvatarList/index.less

@@ -20,19 +20,30 @@
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 		overflow: hidden;
 		.avatar-search {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 			padding: 10px 10px 5px 10px;
 			.ant-input-affix-wrapper {
 				border-radius: 20px;
 			}
+			.save-btn.ant-btn {
+				margin-left: 8px;
+				padding: 0 2px;
+			}
 		}
 		.avatar-menu-item {
 			display: flex;
 			align-items: center;
-			height: 34px;
-			padding: 0 15px;
+			// height: 34px;
+			padding: 5px 10px 5px 15px;
+			line-height: 15px;
 			cursor: pointer;
 			.avatar-item_inline {
 				flex: 1;
+				.ant-avatar {
+					flex-shrink: 0;
+				}
 			}
 			.icon-check {
 				color: @primary-color;

package/es/components/AvatarList/state.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
+import { FilterOption } from "@voplus/morpho-data";
 export declare type AvatarListProps = {
+    /** Organization Id */
+    organizationId?: string;
     /** 默认members */
     list?: any[];
     /** */
@@ -10,27 +13,36 @@ export declare type AvatarListProps = {
     maxCount?: number;
     /** 头像的大小  */
     size?: number;
-    /** 多选, 点击Ok才能触发onChange */
+    /** 多选, 点击'Save' Button才能触发onChange */
     multiple?: boolean;
     /** 新增按钮的自定义图标  */
     icon?: React.ReactNode;
     /** */
     className?: string;
+    /** multiple 时按钮文本 */
+    buttonText?: "Save" | "Ok";
 };
 /** color of member of random display for no url */
 export declare const colorList: string[];
 export declare class State {
+    organizationId?: string | undefined;
     /** */
     members: any[];
     /** */
-    list: any[];
-    /** */
-    items: any[];
     /** checked of id of members */
     checkedIds: string[];
     visible: boolean;
     /** KeWord of search  member */
     keyword: string;
-    /** loading of on save */
+    /** loading of on load */
     loading: boolean;
+    /** loading of on save */
+    saveLoading: boolean;
+    /** */
+    filters: FilterOption[];
+    constructor(organizationId?: string | undefined);
+    get defaultFilterOptions(): FilterOption[];
 }
+export declare const MemberContext: import("react").Context<State>;
+/** React hook to retrieve the nearest FormRowContext. */
+export declare const useMemberContext: () => State;

package/es/components/AvatarList/state.js

@@ -1,34 +1,37 @@
 import { __decorate } from "tslib";
-import { observable } from "mobx";
+import { computed, observable } from "mobx";
+import { createContext, useContext } from "react";
 /** color of member of random display for no url */
 export const colorList = ["#765FEE", "#fe4066", "#FFC832", "#FF8F5E", "#3AC43A", "#FFC832"];
 export class State {
-    constructor() {
+    constructor(organizationId) {
+        this.organizationId = organizationId;
         /** */
         this.members = [];
         /** */
-        this.list = [];
-        /** */
-        this.items = [];
+        // @observable public list: any[] = [];
         /** checked of id of members */
         this.checkedIds = [];
         // @observable public loading = false;
         this.visible = false;
         /** KeWord of search  member */
         this.keyword = "";
-        /** loading of on save */
+        /** loading of on load */
         this.loading = false;
+        /** loading of on save */
+        this.saveLoading = false;
+        /** */
+        this.filters = [];
+    }
+    get defaultFilterOptions() {
+        return (this.organizationId
+            ? [{ c: "OrganizationId", o: "=", l: "And", v1: this.organizationId }]
+            : []);
     }
 }
 __decorate([
     observable
 ], State.prototype, "members", void 0);
-__decorate([
-    observable
-], State.prototype, "list", void 0);
-__decorate([
-    observable
-], State.prototype, "items", void 0);
 __decorate([
     observable
 ], State.prototype, "checkedIds", void 0);
@@ -41,4 +44,16 @@ __decorate([
 __decorate([
     observable
 ], State.prototype, "loading", void 0);
+__decorate([
+    observable
+], State.prototype, "saveLoading", void 0);
+__decorate([
+    observable
+], State.prototype, "filters", void 0);
+__decorate([
+    computed
+], State.prototype, "defaultFilterOptions", null);
+export const MemberContext = createContext(null);
+/** React hook to retrieve the nearest FormRowContext. */
+export const useMemberContext = () => useContext(MemberContext);
 //# sourceMappingURL=state.js.map

package/es/components/AvatarList/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAqBlC,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,OAAO,KAAK;IAAlB;QACC,MAAM;QACa,YAAO,GAAU,EAAE,CAAC;QACvC,MAAM;QACa,SAAI,GAAU,EAAE,CAAC;QACpC,MAAM;QACa,UAAK,GAAU,EAAE,CAAC;QACrC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;QAChC,yBAAyB;QACN,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AAbY;IAAX,UAAU;sCAA4B;AAE3B;IAAX,UAAU;mCAAyB;AAExB;IAAX,UAAU;oCAA0B;AAEzB;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;sCAAwB"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/AvatarList/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA2BlD,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,OAAO,KAAK;IAkBjB,YAA0B,cAAuB;QAAvB,mBAAc,GAAd,cAAc,CAAS;QAjBjD,MAAM;QACa,YAAO,GAAU,EAAE,CAAC;QACvC,MAAM;QACN,uCAAuC;QACvC,+BAA+B;QACZ,eAAU,GAAa,EAAE,CAAC;QAC7C,sCAAsC;QACnB,YAAO,GAAG,KAAK,CAAC;QACnC,+BAA+B;QACZ,YAAO,GAAG,EAAE,CAAC;QAChC,yBAAyB;QACN,YAAO,GAAG,KAAK,CAAC;QACnC,yBAAyB;QACN,gBAAW,GAAG,KAAK,CAAC;QACvC,MAAM;QACa,YAAO,GAAmB,EAAE,CAAC;IAEI,CAAC;IAGrD,IAAW,oBAAoB;QAC9B,OAAO,CAAC,IAAI,CAAC,cAAc;YAC1B,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;YACtE,CAAC,CAAC,EAAE,CAAmB,CAAC;IAC1B,CAAC;CACD;AAxBY;IAAX,UAAU;sCAA4B;AAI3B;IAAX,UAAU;yCAAkC;AAEjC;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;sCAAqB;AAEpB;IAAX,UAAU;sCAAwB;AAEvB;IAAX,UAAU;0CAA4B;AAE3B;IAAX,UAAU;sCAAqC;AAKhD;IADC,QAAQ;iDAKR;AAGF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAQ,IAAW,CAAC,CAAC;AAE/D,yDAAyD;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}

package/es/components/FilePropertiesView/index.js

@@ -1,7 +1,14 @@
+import DocumentHeader from "../DocumentHeader";
+import DocumentTabs from "../DocumentTabs";
 import FileViewer from "../FileViewer";
 import React from "react";
 const FilePropertiesView = (props) => {
-    return (React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }));
+    const { id } = props;
+    return (React.createElement("div", { className: "module-detail-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h3", quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, toolBarProps: { closeAside: true } }),
+        React.createElement(DocumentTabs, { id: id, 
+            // docTab={false}
+            details: React.createElement(FileViewer, { id: props.id, style: { width: "100%", height: "100%", textAlign: "center" } }) })));
 };
 export default FilePropertiesView;
 //# sourceMappingURL=index.js.map

package/es/components/FilePropertiesView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,OAAO,CACN,oBAAC,UAAU,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAI,CAC3F,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE,IAAI,EAClB,kBAAkB,EAAE,KAAK,EACzB,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GACjC;QACF,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE;YACN,iBAAiB;YACjB,OAAO,EACN,oBAAC,UAAU,IACV,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAC5D,GAEF,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}