@voplus/morpho-workspace 1.0.0-dev01

package/es/components/Comments/Message.less

@@ -0,0 +1,202 @@
+@import "../../styles/common.less";
+.message-me,
+.message-other {
+	display: flex;
+	:global {
+		.message-main {
+			max-width: 49%;
+			.message-content {
+				display: flex;
+				padding: 0 0 5px 10px;
+				.ant-avatar {
+					flex-shrink: 0;
+				}
+				.on-msg {
+					display: inline-block;
+					text-align: right;
+					.read,
+					.unread {
+						font-weight: bold;
+						font-size: 12px;
+						color: #000;
+					}
+					.unread {
+						color: #f00;
+					}
+					.bubble {
+						display: inline-block;
+						position: relative;
+						max-width: 320px;
+						border-radius: 6px;
+						img {
+							width: 100%;
+							border-radius: 4px;
+						}
+					}
+					.bubble-text {
+						padding: 10px 15px;
+						line-height: 18px;
+					}
+					.bubble-img {
+						padding: 2px;
+					}
+					.bubble:before,
+					.bubble:after {
+						position: absolute;
+						content: "";
+						border-width: 5px;
+						top: 12px;
+						border-style: dashed solid solid dashed;
+					}
+					.reply-operate {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						font-size: 13px;
+						color: #666;
+						cursor: pointer;
+						.date {
+							padding: 2px;
+							font-size: 12px;
+							background: #f8f6ff;
+							color: #514c6a;
+						}
+					}
+				}
+			}
+			.reply-me {
+				display: flex;
+				justify-content: flex-end;
+			}
+			.reply-list {
+				position: relative;
+				transition: opacity 0.4s;
+				.reply-message {
+					position: relative;
+					display: flex;
+					align-items: center;
+					padding-left: 15px;
+					line-height: 18px;
+					.ant-avatar {
+						flex-shrink: 0;
+						margin-right: 10px;
+					}
+					.ant-input {
+						border: 0;
+						border-radius: 15px;
+						background: rgba(248, 248, 250, 1);
+					}
+				}
+				.reply-message + .reply-message {
+					margin-top: 10px;
+				}
+			}
+			.show_out {
+				position: absolute;
+				opacity: 0;
+				// height: 0;
+				z-index: -1;
+				top: -99999px;
+			}
+			.show_in {
+				// height: auto;
+				opacity: 1;
+			}
+			.reply-list:before {
+				position: absolute;
+				content: "";
+				width: 5px;
+				height: 100%;
+				background: #edb74a;
+				left: 0;
+				right: 0;
+				border-radius: 2px;
+			}
+
+			.reply-collapse {
+				display: flex;
+				height: 32px;
+				align-items: center;
+				justify-content: center;
+				cursor: pointer;
+				font-weight: bold;
+				.ant-avatar {
+					margin: 0 10px;
+				}
+				.show-more {
+					opacity: 1;
+					transition: opacity 0.6s 0.1s;
+				}
+				.hide-more {
+					position: absolute;
+					left: -99999px;
+					opacity: 0;
+				}
+				.svg-inline--fa {
+					transition: transform 0.6s;
+				}
+				.up {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+	}
+}
+.message-other {
+	:global {
+		.message-content .ant-avatar {
+			margin: 15px 10px 0 0;
+		}
+		.bubble {
+			background: #765fee;
+			color: #d6cbfd;
+		}
+		.bubble:before,
+		.bubble:after {
+			left: -10px;
+			border-color: transparent #765fee transparent transparent;
+		}
+	}
+}
+.message-me {
+	justify-content: flex-end;
+	:global {
+		.message-content {
+			flex-direction: row-reverse;
+			.ant-avatar {
+				margin-left: 10px;
+			}
+			.bubble {
+				border: 1px solid #e4e7ed;
+				color: #514c6a;
+			}
+			.bubble:before {
+				right: -11px;
+				border-color: transparent transparent transparent #e4e7ed;
+			}
+			.bubble:after {
+				right: -10px;
+				border-color: transparent transparent transparent #fff;
+			}
+		}
+	}
+}
+.message-me {
+	margin-top: -50px;
+}
+.message-me + .message-me,
+.message-other + .message-other {
+	margin-top: 10px;
+}
+
+.reply-menu {
+	:global {
+		.svg-inline--fa {
+			margin-right: 10px;
+		}
+		.ant-dropdown-menu-item,
+		.ant-dropdown-menu-submenu-title {
+			color: #000;
+		}
+	}
+}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: (props: {
+    showHeader?: true | undefined;
+}) => JSX.Element;
+export default _default;

package/es/components/Comments/index.js

@@ -0,0 +1,124 @@
+import React, { useState, useEffect, useRef } from "react";
+import { Empty } from "@voplus/antd";
+import Message from "./Message";
+import CommentInput from "./ChartInput";
+import styles from "./index.less";
+// import { ContextProvider } from "./data";
+const generateUid = () => {
+    return new Date().getTime() + "" + Math.floor(Math.random() * 999 + 1);
+};
+const generateMsgId = () => {
+    return new Date().getTime() + "" + Math.floor(Math.random() * 899 + 100);
+};
+const headImg = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560534287675&di=fe324c5498e64a4a54d87bdee56a52b7&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fent%2Ftransform%2F20170818%2FIAPS-fykcppx9377606.jpg";
+export default (props) => {
+    // const uid = generateUid();
+    const uid = "2";
+    const messages = [
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa1",
+            headImg: headImg,
+            action: "Did you go to The Blue Pumpkin",
+            uid: "1",
+            status: "read",
+            messages: [
+                { msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "2" },
+                {
+                    msgId: generateMsgId(),
+                    userName: "HaHa2",
+                    headImg: headImg,
+                    action: "We had a fantastic tiem",
+                    uid: "1"
+                }
+            ]
+        },
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa2",
+            headImg: headImg,
+            action: "We had a fantastic tiem",
+            uid: "33"
+        },
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa2",
+            headImg: headImg,
+            // action: "We had a fantastic tiem",
+            uid: "2",
+            type: "image",
+            images: headImg,
+            messages: [
+                { msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "4" }
+            ]
+        },
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa1",
+            headImg: headImg,
+            action: "Did you go to The Blue Pumpkin",
+            uid: "3",
+            status: "unRead",
+            messages: [
+                { msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "7" },
+                {
+                    msgId: generateMsgId(),
+                    userName: "HaHa2",
+                    headImg: headImg,
+                    action: "We had a fantastic tiem",
+                    uid: "5"
+                },
+                { msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "7" },
+                {
+                    msgId: generateMsgId(),
+                    userName: "HaHa2",
+                    headImg: headImg,
+                    action: "We had a fantastic tiem",
+                    uid: "4"
+                }
+            ]
+        },
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa2",
+            headImg: headImg,
+            action: "We had a fantastic tiem",
+            uid: "2",
+            messages: [
+                { msgId: generateMsgId(), userName: "HaHa2", action: "We had a fantastic tiem", uid: "3" }
+            ]
+        },
+        {
+            msgId: generateMsgId(),
+            userName: "HaHa2",
+            headImg: headImg,
+            action: "We had a fantastic tiem",
+            uid: "2"
+        }
+    ];
+    const [messageList, setMessageList] = useState(messages);
+    const onReloadData = (info) => {
+        setMessageList([...messageList, info]);
+    };
+    // useEffect(() => setMessageList(messages));
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        setLoading(false);
+    });
+    const commentRef = useRef(document.createElement("div"));
+    useEffect(() => {
+        // console.log(loading, "loading");
+        // console.log(commentRef, "commentRef");
+        // if (!loading) {
+        commentRef.current.scrollTop = commentRef.current.scrollHeight;
+        // }
+    });
+    return (
+    // <ContextProvider>
+    React.createElement("div", { className: styles["comment-list-view"] },
+        messageList ? (React.createElement("div", { className: "comment-list", ref: commentRef }, messageList.map((message) => (React.createElement(Message, { key: message.msgId, message: message, isMe: uid === message.uid ? true : false, commentRef: commentRef }))))) : (React.createElement(Empty, { imageStyle: { marginTop: "200px" } })),
+        messageList && React.createElement(CommentInput, { onReload: onReloadData }))
+    // </ContextProvider>
+    );
+};
+//# sourceMappingURL=index.js.map

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

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

package/es/components/Comments/index.less

@@ -0,0 +1,63 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../styles/common.less";
+.comment-list-view {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	overflow: hidden;
+	// padding: 10px 20px;
+	:global {
+		.comment-view-header {
+			margin: 10px 20px 0 20px;
+		}
+		.comment-list {
+			position: relative;
+			padding: 10px 20px;
+			overflow-x: hidden;
+			scrollbar-color: transparent transparent;
+			-ms-overflow-style: none;
+		}
+		.comment-list::-webkit-scrollbar {
+			width: 8px;
+		}
+		.comment-list:hover {
+			scrollbar-color: auto;
+			-ms-overflow-style: -ms-autohiding-scrollbar;
+			scrollbar-shadow-color: rgba(0, 0, 0, 0.5);
+		}
+		.comment-list:hover::-webkit-scrollbar {
+			width: 8px;
+			background-color: #f5f5f5;
+		}
+		.comment-list:hover::-webkit-scrollbar-track {
+			-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
+			border-radius: 10px;
+			background-color: #f5f5f5;
+		}
+		.comment-list:hover::-webkit-scrollbar-thumb {
+			border-radius: 10px;
+			-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0);
+			background-color: rgba(0, 0, 0, 0.5);
+		}
+		.comment-input {
+			display: flex;
+			align-items: center;
+			border-top: 1px solid #e4e7ed;
+			padding: 10px 15px;
+			:global {
+				.anticon {
+					font-size: 16px;
+					color: #666;
+					cursor: pointer;
+				}
+				.ant-input {
+					border-radius: 15px;
+				}
+				.ant-input:focus {
+					box-shadow: none;
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const DocumentList: {
+    (props: {
+        size?: string | undefined;
+        showHeader?: Boolean | undefined;
+        onClick?: ((e: any) => void) | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        size: string;
+        showHeader: boolean;
+    };
+};
+export default DocumentList;

package/es/components/DocumentList/index.js

@@ -0,0 +1,116 @@
+import React, { useState } from "react";
+import { Upload, Icon, Row } from "@voplus/antd";
+import { faTrashAlt, faFilePlus, faUndoAlt } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import styles from "./index.less";
+const DocumentList = (props) => {
+    const fileList = [
+        {
+            uid: "1",
+            name: "abc.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3758464476,2579359185&fm=26&gp=0.jpg",
+            size: 55
+        },
+        {
+            uid: "2",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "3",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "4",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "5",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "-6",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "7",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "8",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "9",
+            name: "1111.docx1111.docx1111.docx1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        },
+        {
+            uid: "10",
+            name: "1111.docx",
+            type: "done",
+            url: "https://i.zhaopin.com/resume/uploadextend/ResumeExport?resumeId=302446392&resumeNumber=JM163534531R90500004000&language=1&at=275ec6d379894fc99a1f1f75ba5123ae&rt=b706093593ad4903adcf784a431b1ca3",
+            thumbUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558505605980&di=c0e8334f6e11efd2504ae918a0f66f58&imgtype=0&src=http%3A%2F%2Fimgsa.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5762f68bc4177f3e1034fc0d40ce3bb9%2Fd50735fae6cd7b8918fb5ebe022442a7d9330e73.jpg",
+            size: 55
+        }
+    ];
+    const [list, setList] = useState(fileList);
+    const [delShow, setDelShow] = useState(false);
+    // 文件确认删除
+    const deleteFile = (id) => {
+        setList(list.filter(item => item.uid !== id));
+    };
+    const { size, showHeader, onClick } = props;
+    return (React.createElement("div", { className: styles["document-list"], onClick: e => onClick && onClick(e) },
+        showHeader && (React.createElement(Row, { type: "flex", justify: "space-between", className: styles["module-header-title"] },
+            React.createElement("div", null, "Document"),
+            React.createElement("div", { onClick: () => setDelShow(!delShow) },
+                React.createElement(FAIcon, { icon: delShow ? faUndoAlt : faTrashAlt, className: "del-operate" })))),
+        React.createElement("div", { className: "file-list" },
+            list.map((item, index) => (React.createElement("a", { key: index, className: size === "small" ? "file-item-small" : "file-item" },
+                React.createElement("img", { src: item.thumbUrl, alt: "item.name" }),
+                React.createElement("span", { className: "document-name" }, item.name),
+                delShow && (React.createElement(Icon, { type: "close-circle", className: "del-file", onClick: deleteFile.bind(event, item.uid) }))))),
+            !delShow && size !== "small" && (React.createElement("span", { className: "file-item" },
+                React.createElement(FAIcon, { icon: faFilePlus })))),
+        !delShow && (React.createElement(Upload.Dragger, { action: "https://www.mocky.io/v2/5cc8019d300000980a055e76", listType: "picture-card", fileList: fileList, showUploadList: false, onChange: ({ fileList }) => setList(fileList) },
+            React.createElement("div", null, "Drag & Drop files here")))));
+};
+DocumentList.defaultProps = {
+    size: "default" || "small",
+    showHeader: true
+};
+export default DocumentList;
+//# sourceMappingURL=index.js.map

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

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

package/es/components/DocumentList/index.less

@@ -0,0 +1,66 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "../../styles/common.less";
+.document-list {
+	:global {
+		.del-operate {
+			color: #666;
+			cursor: pointer;
+		}
+		.ant-upload.ant-upload-drag {
+			width: 80%;
+			margin: 10px auto;
+			background-color: #fff;
+			.ant-upload {
+				padding: 8px 0;
+			}
+		}
+		.file-list {
+			display: flex;
+			flex-wrap: wrap;
+			align-items: center;
+			padding: 10px 0;
+			.file-item,
+			.file-item-small {
+				position: relative;
+				margin: 5px;
+				text-align: center;
+				color: #666;
+				img {
+					display: block;
+					margin: 0 auto 5px auto;
+				}
+				.document-name {
+					display: block;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					font-size: 12px;
+				}
+				.fa-file-plus {
+					font-size: 40px;
+					color: #999;
+					cursor: pointer;
+				}
+				.del-file {
+					position: absolute;
+					top: 0;
+					right: 0;
+				}
+			}
+			.file-item {
+				width: 80px;
+				img {
+					width: 54px;
+					height: 54px;
+				}
+			}
+			.file-item-small {
+				width: 60px;
+				img {
+					width: 32px;
+					height: 32px;
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare const ListHeader: {
+    (props: {
+        onAddNewForm?: (() => void) | undefined;
+        onSortByFilter?: (() => void) | undefined;
+        sort?: boolean | undefined;
+        sortView?: boolean | undefined;
+        filterList?: boolean | undefined;
+        filterView?: boolean | undefined;
+        form?: boolean | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        sort: boolean;
+        sortView: boolean;
+        filterList: boolean;
+        filterView: boolean;
+        form: boolean;
+    };
+};
+export default ListHeader;

package/es/components/ListHeader/index.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Row, Tooltip } from "@voplus/antd";
+import { faPlus, faExpandArrows } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import SortViewDropdown from "../../controls/SortViewDropdown";
+import FilterListDropdown from "../../controls/FilterListDropdown";
+import FilterViewsDropdown from "../../controls/FilterViewsDropdown";
+import { useSort } from "../../data/contexts/SortContext";
+import styles from "./index.less";
+const ListHeader = (props) => {
+    const onAddNewForm = () => {
+        props.onAddNewForm();
+    };
+    const sortStore = useSort();
+    const isCanDrag = !!(sortStore && sortStore.canDrag);
+    const { sort, sortView, filterList, filterView, form } = props;
+    return (React.createElement(Row, { type: "flex", justify: "space-between", align: "middle", className: styles["list-header"] },
+        React.createElement("div", null, filterView && React.createElement(FilterViewsDropdown, null)),
+        React.createElement("div", null,
+            sort && (React.createElement(Tooltip, { title: isCanDrag ? "Cancel drag sort" : "Drag and drop sort" },
+                React.createElement("span", { onClick: () => sortStore.setCanDrag(sortStore ? !sortStore.canDrag : false) },
+                    React.createElement(FAIcon, { icon: faExpandArrows })))),
+            sortView && (React.createElement("span", { className: "icon-margin" },
+                React.createElement(SortViewDropdown, null))),
+            filterList && (React.createElement("span", { className: "icon-margin" },
+                React.createElement(FilterListDropdown, null))),
+            form && (React.createElement("span", { onClick: onAddNewForm, className: "plus-icon" },
+                React.createElement(FAIcon, { icon: faPlus, color: "#fff" }))))));
+};
+ListHeader.defaultProps = {
+    sort: true,
+    sortView: true,
+    filterList: true,
+    filterView: true,
+    form: true
+};
+export default ListHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,CAAC,KAQnB,EAAE,EAAE;IACJ,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,KAAK,CAAC,YAAa,EAAE,CAAC;IACvB,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,OAAO,EAAG,CAAC;IAC7B,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,OAAO,CACN,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;QACvF,iCAAM,UAAU,IAAI,oBAAC,mBAAmB,OAAG,CAAO;QAClD;YAEE,IAAI,IAAI,CACR,oBAAC,OAAO,IAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB;gBACpE,8BAAM,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;oBAChF,oBAAC,MAAM,IAAC,IAAI,EAAE,cAAc,GAAI,CAC1B,CACE,CACV;YAEA,QAAQ,IAAI,CACZ,8BAAM,SAAS,EAAC,aAAa;gBAC5B,oBAAC,gBAAgB,OAAG,CACd,CACP;YACA,UAAU,IAAI,CACd,8BAAM,SAAS,EAAC,aAAa;gBAC5B,oBAAC,kBAAkB,OAAG,CAChB,CACP;YACA,IAAI,IAAI,CACR,8BAAM,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,WAAW;gBACjD,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,GAAG,CAC/B,CACP,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AACF,UAAU,CAAC,YAAY,GAAG;IACzB,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;CACV,CAAC;AACF,eAAe,UAAU,CAAC"}