@voplus/morpho-document 1.0.0-dev271 → 1.0.0-dev273
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/changelog.md +2 -0
- package/es/components/ActivityLog/ActivityActionFilter.js +2 -1
- package/es/components/ActivityLog/ActivityActionFilter.js.map +1 -1
- package/es/components/ActivityLog/ActivityLog2/index.d.ts +11 -0
- package/es/components/ActivityLog/ActivityLog2/index.js +131 -0
- package/es/components/ActivityLog/ActivityLog2/index.js.map +1 -0
- package/es/components/ActivityLog/ActivityLog2/index.less +190 -0
- package/es/components/ActivityLog/CommentBar.d.ts +5 -0
- package/es/components/ActivityLog/CommentBar.js +48 -0
- package/es/components/ActivityLog/CommentBar.js.map +1 -0
- package/es/components/ActivityLog/index.less +2 -14
- package/es/components/ActivityLog/state.d.ts +10 -3
- package/es/components/ActivityLog/state.js +35 -6
- package/es/components/ActivityLog/state.js.map +1 -1
- package/es/components/DocumentCard/index.js +6 -2
- package/es/components/DocumentCard/index.js.map +1 -1
- package/es/components/DocumentHeader/index.js +5 -2
- package/es/components/DocumentHeader/index.js.map +1 -1
- package/es/components/DocumentItem/index.js +5 -2
- package/es/components/DocumentItem/index.js.map +1 -1
- package/es/components/DocumentTabs/index.js +3 -5
- package/es/components/DocumentTabs/index.js.map +1 -1
- package/es/controls/ToolBar/ToolBar2.d.ts +5 -0
- package/es/controls/ToolBar/ToolBar2.js +16 -0
- package/es/controls/ToolBar/ToolBar2.js.map +1 -0
- package/es/controls/ToolBar/ToolBarState.d.ts +37 -0
- package/es/controls/ToolBar/ToolBarState.js +36 -0
- package/es/controls/ToolBar/ToolBarState.js.map +1 -0
- package/es/controls/ToolBar/buttons/Archive.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Archive.js +26 -0
- package/es/controls/ToolBar/buttons/Archive.js.map +1 -0
- package/es/controls/ToolBar/buttons/Download.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Download.js +31 -0
- package/es/controls/ToolBar/buttons/Download.js.map +1 -0
- package/es/controls/ToolBar/buttons/Edit.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Edit.js +19 -0
- package/es/controls/ToolBar/buttons/Edit.js.map +1 -0
- package/es/controls/ToolBar/buttons/More.d.ts +14 -0
- package/es/controls/ToolBar/buttons/More.js +35 -0
- package/es/controls/ToolBar/buttons/More.js.map +1 -0
- package/es/controls/ToolBar/buttons/Open.d.ts +17 -0
- package/es/controls/ToolBar/buttons/Open.js +20 -0
- package/es/controls/ToolBar/buttons/Open.js.map +1 -0
- package/es/controls/ToolBar/buttons/Print.d.ts +17 -0
- package/es/controls/ToolBar/buttons/Print.js +18 -0
- package/es/controls/ToolBar/buttons/Print.js.map +1 -0
- package/es/controls/ToolBar/buttons/Reload.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Reload.js +19 -0
- package/es/controls/ToolBar/buttons/Reload.js.map +1 -0
- package/es/controls/ToolBar/buttons/Restore.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Restore.js +28 -0
- package/es/controls/ToolBar/buttons/Restore.js.map +1 -0
- package/es/controls/ToolBar/buttons/Sidebar.d.ts +16 -0
- package/es/controls/ToolBar/buttons/Sidebar.js +23 -0
- package/es/controls/ToolBar/buttons/Sidebar.js.map +1 -0
- package/es/controls/ToolBar/buttons/Versions.d.ts +15 -0
- package/es/controls/ToolBar/buttons/Versions.js +24 -0
- package/es/controls/ToolBar/buttons/Versions.js.map +1 -0
- package/es/controls/ToolBar/buttons/index.d.ts +10 -0
- package/es/controls/ToolBar/buttons/index.js +11 -0
- package/es/controls/ToolBar/buttons/index.js.map +1 -0
- package/es/controls/ToolBar/buttons/state.d.ts +19 -0
- package/es/controls/ToolBar/buttons/state.js +94 -0
- package/es/controls/ToolBar/buttons/state.js.map +1 -0
- package/es/controls/ToolBar/index.d.ts +2 -0
- package/es/controls/ToolBar/index.js +3 -2
- package/es/controls/ToolBar/index.js.map +1 -1
- package/es/controls/ToolBar/index.less +33 -2
- package/es/controls/ToolBar/menus/Access.d.ts +8 -0
- package/es/controls/ToolBar/menus/Access.js +25 -0
- package/es/controls/ToolBar/menus/Access.js.map +1 -0
- package/es/controls/ToolBar/menus/Delete.d.ts +8 -0
- package/es/controls/ToolBar/menus/Delete.js +31 -0
- package/es/controls/ToolBar/menus/Delete.js.map +1 -0
- package/es/controls/ToolBar/menus/Lock.d.ts +8 -0
- package/es/controls/ToolBar/menus/Lock.js +17 -0
- package/es/controls/ToolBar/menus/Lock.js.map +1 -0
- package/es/controls/ToolBar/menus/Move.d.ts +8 -0
- package/es/controls/ToolBar/menus/Move.js +20 -0
- package/es/controls/ToolBar/menus/Move.js.map +1 -0
- package/es/controls/ToolBar/menus/OpenReferenceView.d.ts +10 -0
- package/es/controls/ToolBar/menus/OpenReferenceView.js +22 -0
- package/es/controls/ToolBar/menus/OpenReferenceView.js.map +1 -0
- package/es/controls/ToolBar/menus/OpenTreeView.d.ts +8 -0
- package/es/controls/ToolBar/menus/OpenTreeView.js +20 -0
- package/es/controls/ToolBar/menus/OpenTreeView.js.map +1 -0
- package/es/controls/ToolBar/menus/Paste.d.ts +8 -0
- package/es/controls/ToolBar/menus/Paste.js +24 -0
- package/es/controls/ToolBar/menus/Paste.js.map +1 -0
- package/es/controls/ToolBar/menus/Publish.d.ts +10 -0
- package/es/controls/ToolBar/menus/Publish.js +25 -0
- package/es/controls/ToolBar/menus/Publish.js.map +1 -0
- package/es/controls/ToolBar/menus/PublishLock.d.ts +10 -0
- package/es/controls/ToolBar/menus/PublishLock.js +25 -0
- package/es/controls/ToolBar/menus/PublishLock.js.map +1 -0
- package/es/controls/ToolBar/menus/Revert.d.ts +8 -0
- package/es/controls/ToolBar/menus/Revert.js +16 -0
- package/es/controls/ToolBar/menus/Revert.js.map +1 -0
- package/es/controls/ToolBar/menus/Unlock.d.ts +8 -0
- package/es/controls/ToolBar/menus/Unlock.js +17 -0
- package/es/controls/ToolBar/menus/Unlock.js.map +1 -0
- package/es/controls/ToolBar/menus/index.d.ts +11 -0
- package/es/controls/ToolBar/menus/index.js +12 -0
- package/es/controls/ToolBar/menus/index.js.map +1 -0
- package/es/controls/ToolBar/state.d.ts +2 -0
- package/es/controls/ToolBar/state.js +1 -0
- package/es/controls/ToolBar/state.js.map +1 -1
- package/es/pages/Library/LibraryDefaultView/index.less +3 -0
- package/es/pages/Page/PageDefaultView/index.js +18 -12
- package/es/pages/Page/PageDefaultView/index.js.map +1 -1
- package/es/pages/Page/PageDefaultView/index.less +24 -1
- package/es/pages/Page/PageTextItem/index.js +8 -6
- package/es/pages/Page/PageTextItem/index.js.map +1 -1
- package/es/pages/Page/data/PageContext.js +1 -1
- package/es/pages/Page/data/PageContext.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.js +8 -4
- package/es/pages/Signature/Envelope/EnvelopeDefaultView/index.js.map +1 -1
- package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map +1 -1
- package/package.json +2 -2
package/changelog.md
CHANGED
|
@@ -8,7 +8,8 @@ const ActivityActionFilter = () => {
|
|
|
8
8
|
{ name: "Created", value: "Created" },
|
|
9
9
|
{ name: "Deleted", value: "Deleted" },
|
|
10
10
|
{ name: "Changed", value: "Changed" },
|
|
11
|
-
{ name: "Moved", value: "Moved" }
|
|
11
|
+
{ name: "Moved", value: "Moved" },
|
|
12
|
+
{ name: "Commented", value: "Commented" }
|
|
12
13
|
];
|
|
13
14
|
const context = useFilterOptionsContext();
|
|
14
15
|
const state = context.getFilterState("Action", () => new State());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityActionFilter.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/ActivityActionFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,WAAW,GAAG;QACnB,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"ActivityActionFilter.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/ActivityActionFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,WAAW,GAAG;QACnB,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QACrC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;KACzC,CAAC;IAEF,MAAM,OAAO,GAAG,uBAAuB,EAAE,CAAC;IAE1C,MAAM,KAAK,GAAG,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAElE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB;QACC,6BAAK,SAAS,EAAC,iBAAiB,aAAa;QAC5C,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,6BACC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;gBACzC,IAAI,EAAE,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;aAC7C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;YAE/C,6BAAK,SAAS,EAAC,aAAa,IAAE,MAAM,CAAC,IAAI,CAAO,CAC3C,CACN,CAAC,CACG,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "./index.less";
|
|
3
|
+
declare const ActivityLog: (props: {
|
|
4
|
+
/** id of Activity */
|
|
5
|
+
id: string;
|
|
6
|
+
/** visible CommentBar default true */
|
|
7
|
+
bar?: boolean;
|
|
8
|
+
/** className */
|
|
9
|
+
className?: string;
|
|
10
|
+
}) => JSX.Element;
|
|
11
|
+
export default ActivityLog;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import "./index.less";
|
|
2
|
+
import { ActivityActionType, State, getActionIcon, getActionIconColor } from "../state";
|
|
3
|
+
import { useDocumentActivityListEffect } from "@voplus/morpho-document-core";
|
|
4
|
+
import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
|
|
5
|
+
import { Popover, Timeline } from "@voplus/antd";
|
|
6
|
+
import { camelCase, mapKeys } from "lodash-es";
|
|
7
|
+
import { faClone, faCommentDots, faFileMinus, faFilePlus, faPencilAlt, faTrashAlt, faUpload } from "@fortawesome/pro-light-svg-icons";
|
|
8
|
+
import ActivityActionFilter from "../ActivityActionFilter";
|
|
9
|
+
import CommentBar from "../CommentBar";
|
|
10
|
+
import DocumentQuickViewDialog from "../../DocumentQuickViewDialog";
|
|
11
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
12
|
+
import InfiniteScrollView from "@voplus/morpho-ui/es/controls/InfiniteScrollView";
|
|
13
|
+
import ListHeader from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeader";
|
|
14
|
+
import ProseMirrorViewer from "@voplus/morpho-text/es/components/ProseMirror/Viewer";
|
|
15
|
+
import React from "react";
|
|
16
|
+
import classnames from "classnames";
|
|
17
|
+
import { getTypeIcon } from "../../helper";
|
|
18
|
+
import { library } from "@fortawesome/fontawesome-svg-core";
|
|
19
|
+
import { localFormat } from "../../../data/contexts/StoreContext";
|
|
20
|
+
import { useDeepMemo } from "@voplus/morpho-data";
|
|
21
|
+
import { useObserver } from "mobx-react-lite";
|
|
22
|
+
import { useRenderOnChange } from "@voplus/morpho-ui";
|
|
23
|
+
library.add(faPencilAlt, faTrashAlt, faClone, faFilePlus, faUpload, faFileMinus, faCommentDots);
|
|
24
|
+
const ActivityLog = (props) => {
|
|
25
|
+
const { id, bar } = props;
|
|
26
|
+
const state = useDeepMemo(() => new State(), [id]);
|
|
27
|
+
const list = useCreateListDataState({
|
|
28
|
+
filterDefaults: {
|
|
29
|
+
page: { Page: state.page, PageSize: 50 }
|
|
30
|
+
}
|
|
31
|
+
}, [id]);
|
|
32
|
+
/** 如果 list.filters.useDocumentActivityListEffect 可以接收新参数*/
|
|
33
|
+
useRenderOnChange(() => list.filters.options);
|
|
34
|
+
/** useDocumentActivityListEffect,使之可以自動更新loading, hasmore. */
|
|
35
|
+
useDocumentActivityListEffect(id, list, result => list.union(result), list.filters.options);
|
|
36
|
+
const dotElement = (log) => {
|
|
37
|
+
return (React.createElement("span", { className: "dot-icon", style: { borderColor: getActionIconColor(log.action) } },
|
|
38
|
+
React.createElement(FAIcon, { icon: getActionIcon(log), color: getActionIconColor(log.action) })));
|
|
39
|
+
};
|
|
40
|
+
const tryRenderTargetObjects = (objects) => {
|
|
41
|
+
return (objects &&
|
|
42
|
+
objects.length &&
|
|
43
|
+
objects.map((o, index) => (React.createElement("span", { className: "target-object-link", key: o.id, onClick: () => onClickItem((o.type === "DocumentLink" ? o.target : o)) },
|
|
44
|
+
index !== 0 ? "," : "",
|
|
45
|
+
getTypeIcon(o.type === "DocumentLink" ? o.target.type : o.type),
|
|
46
|
+
o.type === "DocumentLink" ? o.target.name : o.name))));
|
|
47
|
+
};
|
|
48
|
+
const tryRenderPropertyObjects = (objects) => {
|
|
49
|
+
return (objects &&
|
|
50
|
+
objects.length && (React.createElement("div", { className: classnames("property-objects", { multiple: objects.length > 1 }) }, objects.map(o => (React.createElement("span", { key: o.name },
|
|
51
|
+
React.createElement("span", { className: "property-name" }, o.name),
|
|
52
|
+
" ",
|
|
53
|
+
o.changeSetType ? o.changeSetType.toLowerCase() : "to",
|
|
54
|
+
" ",
|
|
55
|
+
!o.valueType && o.value.length > 30 ? (React.createElement(Popover, { content: o.value },
|
|
56
|
+
React.createElement("span", { className: "property-value" }, `${o.value.substring(0, 30)}...`))) : (React.createElement("span", { className: "property-value" }, o.valueType == "CollaborationTargets"
|
|
57
|
+
? tryRenderTargetObjects(
|
|
58
|
+
// Change pascal case property name in JSON string back to camelcase.
|
|
59
|
+
JSON.parse(o.value).map(x => mapKeys(x, (v, k) => camelCase(k)))) // parse escaped json
|
|
60
|
+
: o.value))))))));
|
|
61
|
+
};
|
|
62
|
+
const TimelineItemHeader = (item) => {
|
|
63
|
+
return (React.createElement(React.Fragment, null,
|
|
64
|
+
React.createElement("span", { className: "user-name" }, item.subject.name ? item.subject.name : ""),
|
|
65
|
+
React.createElement("span", { className: "action" }, item.action),
|
|
66
|
+
React.createElement("span", { className: "" },
|
|
67
|
+
"on ",
|
|
68
|
+
localFormat(item.createDate, "HH:mm:ss DD MMM, YYYY"))));
|
|
69
|
+
};
|
|
70
|
+
return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
|
|
71
|
+
React.createElement("div", { className: classnames("activity-log-view"), style: { flex: "1" } },
|
|
72
|
+
React.createElement("div", { className: "activity-time-line" },
|
|
73
|
+
React.createElement(ListHeader, { viewTitle: "ActivityLog", sortable: false, addAble: false, filterViewProps: {
|
|
74
|
+
columns: [React.createElement(ActivityActionFilter, { key: "ActivityActionFilter" })],
|
|
75
|
+
onFilter: onFilter
|
|
76
|
+
} }),
|
|
77
|
+
React.createElement(InfiniteScrollView, { empty: list.isEmpty, loading: list.loading, hasMore: list.hasMore, loadMore: loadMore },
|
|
78
|
+
bar && React.createElement(CommentBar, { id: id }),
|
|
79
|
+
React.createElement(Timeline, null, list.data.length &&
|
|
80
|
+
list.data.map((item) => {
|
|
81
|
+
var _a;
|
|
82
|
+
return (React.createElement(Timeline.Item, { key: item.id, dot: dotElement(item) }, item.action === ActivityActionType.Commented ? (React.createElement("div", { className: "time-line-comment" },
|
|
83
|
+
React.createElement("div", { className: "time-line-comment-header" }, TimelineItemHeader(item)),
|
|
84
|
+
React.createElement("div", { className: "time-line-comment-body" }, (_a = item.propertyObjects) === null || _a === void 0 ? void 0 : _a.map((o, index) => (React.createElement(React.Fragment, { key: o.name },
|
|
85
|
+
!!index && React.createElement("hr", { className: "time-line-comment-hr" }),
|
|
86
|
+
React.createElement(ProseMirrorViewer, { html: o.value }))))))) : (React.createElement(React.Fragment, null,
|
|
87
|
+
React.createElement("div", null,
|
|
88
|
+
React.createElement("span", { className: "user-name" }, item.subject.name ? item.subject.name : ""),
|
|
89
|
+
React.createElement("span", { className: "action" }, item.action),
|
|
90
|
+
tryRenderTargetObjects(item.targetObjects),
|
|
91
|
+
tryRenderPropertyObjects(item.propertyObjects),
|
|
92
|
+
item.source && (React.createElement("span", { onClick: () => onClickItem(item.source) },
|
|
93
|
+
React.createElement("strong", null, " from "),
|
|
94
|
+
" ",
|
|
95
|
+
React.createElement("span", null,
|
|
96
|
+
getTypeIcon(item.source.type),
|
|
97
|
+
" ",
|
|
98
|
+
item.source.name))),
|
|
99
|
+
item.target && (React.createElement("span", { onClick: () => onClickItem(item.target) },
|
|
100
|
+
React.createElement("strong", null, " to"),
|
|
101
|
+
" ",
|
|
102
|
+
React.createElement("span", null,
|
|
103
|
+
getTypeIcon(item.target.type),
|
|
104
|
+
" ",
|
|
105
|
+
item.target.name)))),
|
|
106
|
+
React.createElement("p", { className: "date-time" }, localFormat(item.createDate, "HH:mm:ss DD MMM, YYYY"))))));
|
|
107
|
+
})))),
|
|
108
|
+
state.docObject && state.docObject.type && (React.createElement(DocumentQuickViewDialog, { id: state.docObject.id, visible: state.quickViewVisible, onCancel: () => (state.quickViewVisible = false) }))))));
|
|
109
|
+
function onClickItem(item) {
|
|
110
|
+
state.docObject = item;
|
|
111
|
+
state.quickViewVisible = true;
|
|
112
|
+
}
|
|
113
|
+
function loadMore() {
|
|
114
|
+
list.triggerNextPage();
|
|
115
|
+
}
|
|
116
|
+
function onFilter(filters) {
|
|
117
|
+
list.clear();
|
|
118
|
+
const { filterStates } = filters;
|
|
119
|
+
const { activityActions } = filterStates.get("Action");
|
|
120
|
+
const actions = Array.from(activityActions.keys());
|
|
121
|
+
if (actions && actions.length)
|
|
122
|
+
list.filters.replace({
|
|
123
|
+
c: "Action",
|
|
124
|
+
o: "contains",
|
|
125
|
+
v1: JSON.stringify(actions),
|
|
126
|
+
l: "And"
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
export default ActivityLog;
|
|
131
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityLog/ActivityLog2/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/default";
|
|
2
|
+
:global {
|
|
3
|
+
.list-view-header {
|
|
4
|
+
display: flex;
|
|
5
|
+
width: 100%;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
align-items: center;
|
|
8
|
+
padding: 10px 20px;
|
|
9
|
+
border-bottom: 1px solid #f2f2f2;
|
|
10
|
+
.view-title {
|
|
11
|
+
color: #000;
|
|
12
|
+
font-size: 16px;
|
|
13
|
+
font-weight: 600;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
.activity-log-view {
|
|
17
|
+
position: relative;
|
|
18
|
+
display: flex;
|
|
19
|
+
height: 100%;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
|
|
24
|
+
&.activity-log-view_top {
|
|
25
|
+
flex-direction: column-reverse;
|
|
26
|
+
}
|
|
27
|
+
.activity-time-line {
|
|
28
|
+
flex: 1;
|
|
29
|
+
width: 100%;
|
|
30
|
+
.ant-timeline {
|
|
31
|
+
padding: 13px 0 0 15px;
|
|
32
|
+
margin: 15px 20px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.dot-icon {
|
|
36
|
+
display: inline-block;
|
|
37
|
+
width: 30px;
|
|
38
|
+
height: 30px;
|
|
39
|
+
line-height: 28px;
|
|
40
|
+
border: 1px solid transparent;
|
|
41
|
+
border-radius: 50%;
|
|
42
|
+
font-size: 17px;
|
|
43
|
+
}
|
|
44
|
+
.ant-timeline-item-head-blue .dot-icon {
|
|
45
|
+
border-color: @primary-color;
|
|
46
|
+
}
|
|
47
|
+
.user-name {
|
|
48
|
+
font-weight: bold;
|
|
49
|
+
color: #000;
|
|
50
|
+
padding-right: 10px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.action {
|
|
54
|
+
padding-right: 10px;
|
|
55
|
+
color: #000;
|
|
56
|
+
font-style: italic;
|
|
57
|
+
}
|
|
58
|
+
.anticon {
|
|
59
|
+
margin-right: 5px;
|
|
60
|
+
}
|
|
61
|
+
.date-time {
|
|
62
|
+
font-size: 12px;
|
|
63
|
+
color: #444;
|
|
64
|
+
}
|
|
65
|
+
.target-object-link {
|
|
66
|
+
cursor: pointer;
|
|
67
|
+
&:hover {
|
|
68
|
+
text-decoration: underline;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
.property-objects {
|
|
72
|
+
display: inline;
|
|
73
|
+
|
|
74
|
+
&.multiple {
|
|
75
|
+
display: block;
|
|
76
|
+
|
|
77
|
+
> span {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
.property-name {
|
|
82
|
+
font-weight: 600;
|
|
83
|
+
font-style: italic;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.property-value {
|
|
87
|
+
font-style: italic;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.ant-timeline-item-content {
|
|
92
|
+
top: -14px;
|
|
93
|
+
margin: 0 0 0 50px;
|
|
94
|
+
line-height: 28px;
|
|
95
|
+
color: #333;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.time-line-comment {
|
|
99
|
+
position: relative;
|
|
100
|
+
color: #24292e;
|
|
101
|
+
background-color: #fff;
|
|
102
|
+
border: @border-width-base @border-style-base @border-color-split;
|
|
103
|
+
border-radius: 6px;
|
|
104
|
+
.time-line-comment-header {
|
|
105
|
+
padding: 5px 15px;
|
|
106
|
+
background-color: @background-color-base;
|
|
107
|
+
border-bottom: @border-width-base @border-style-base @border-color-split;
|
|
108
|
+
border-top-left-radius: 6px;
|
|
109
|
+
border-top-right-radius: 6px;
|
|
110
|
+
}
|
|
111
|
+
.time-line-comment-body {
|
|
112
|
+
padding: 15px;
|
|
113
|
+
.ProseMirror {
|
|
114
|
+
padding: 0;
|
|
115
|
+
}
|
|
116
|
+
.time-line-comment-hr {
|
|
117
|
+
height: 0.25em;
|
|
118
|
+
padding: 0;
|
|
119
|
+
margin: 24px 0;
|
|
120
|
+
background-color: #e1e4e8;
|
|
121
|
+
border: 0;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
&:after,
|
|
125
|
+
&:before {
|
|
126
|
+
position: absolute;
|
|
127
|
+
top: 11px;
|
|
128
|
+
right: 100%;
|
|
129
|
+
left: -16px;
|
|
130
|
+
display: block;
|
|
131
|
+
width: 0;
|
|
132
|
+
height: 0;
|
|
133
|
+
pointer-events: none;
|
|
134
|
+
content: " ";
|
|
135
|
+
border-color: transparent;
|
|
136
|
+
border-style: solid solid outset;
|
|
137
|
+
}
|
|
138
|
+
&:before {
|
|
139
|
+
border-width: 8px;
|
|
140
|
+
border-right-color: @border-color-split;
|
|
141
|
+
}
|
|
142
|
+
&:after {
|
|
143
|
+
margin-top: 1px;
|
|
144
|
+
margin-left: 2px;
|
|
145
|
+
border-width: 7px;
|
|
146
|
+
border-right-color: @border-color-split;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.comment-bar-placeholder {
|
|
152
|
+
color: lightgray;
|
|
153
|
+
cursor: pointer;
|
|
154
|
+
padding: 1rem;
|
|
155
|
+
margin-left: 70px;
|
|
156
|
+
}
|
|
157
|
+
.comment-bar {
|
|
158
|
+
display: flex;
|
|
159
|
+
width: 100%;
|
|
160
|
+
height: 0;
|
|
161
|
+
flex-direction: column;
|
|
162
|
+
|
|
163
|
+
opacity: 0;
|
|
164
|
+
transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
|
|
165
|
+
&.show {
|
|
166
|
+
opacity: 1;
|
|
167
|
+
height: 20rem;
|
|
168
|
+
}
|
|
169
|
+
> div {
|
|
170
|
+
background-color: #fff;
|
|
171
|
+
}
|
|
172
|
+
.editor-toolbar {
|
|
173
|
+
padding: 0.2rem 0.65rem;
|
|
174
|
+
//border: none;
|
|
175
|
+
}
|
|
176
|
+
.ProseMirror-container {
|
|
177
|
+
//min-height: 100%;
|
|
178
|
+
|
|
179
|
+
.ProseMirror {
|
|
180
|
+
padding: 1.25rem;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.comment-bar-send {
|
|
185
|
+
margin-top: 0.5rem;
|
|
186
|
+
text-align: right;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Button, Space } from "@voplus/antd";
|
|
2
|
+
import React, { useRef, useState } from "react";
|
|
3
|
+
import { faComment, faPaperPlane, faTimes } from "@fortawesome/pro-light-svg-icons";
|
|
4
|
+
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
5
|
+
import ProseMirror from "@voplus/morpho-text/es/components/ProseMirror";
|
|
6
|
+
import { State } from "./state";
|
|
7
|
+
import classnames from "classnames";
|
|
8
|
+
import { useDocumentStore } from "@voplus/morpho-document-core";
|
|
9
|
+
import { useListDataContext } from "@voplus/morpho-ui/es/data";
|
|
10
|
+
import { useObserver } from "mobx-react-lite";
|
|
11
|
+
const CommentBar = (props) => {
|
|
12
|
+
const { id } = props;
|
|
13
|
+
const element = useRef(null);
|
|
14
|
+
const [state] = useState(new State());
|
|
15
|
+
const store = useDocumentStore();
|
|
16
|
+
const context = useListDataContext();
|
|
17
|
+
return useObserver(() => (React.createElement(React.Fragment, null,
|
|
18
|
+
state.floating && (React.createElement("div", { className: "comment-bar-placeholder", onClick: () => state.showEditor(element.current) },
|
|
19
|
+
React.createElement(FAIcon, { icon: faComment }),
|
|
20
|
+
" Add a comment")),
|
|
21
|
+
React.createElement("div", { className: classnames("comment-bar", { show: !state.floating }), ref: element },
|
|
22
|
+
React.createElement(ProseMirror, { toolbarProps: { sticky: false }, scroll: true, defaultHtml: state.comment, readonly: state.floating, onChange: opt => (state.comment =
|
|
23
|
+
opt.editor.dom.innerHTML === "<p><br></p>" ? "" : opt.editor.dom.innerHTML) }),
|
|
24
|
+
React.createElement("div", { className: "comment-bar-send" },
|
|
25
|
+
React.createElement(Space, null,
|
|
26
|
+
React.createElement(Button, { type: "default", onClick: () => (state.floating = true) },
|
|
27
|
+
React.createElement(FAIcon, { icon: faTimes, style: { marginRight: "0.5rem" } }),
|
|
28
|
+
"Close"),
|
|
29
|
+
React.createElement(Button, { type: "primary", disabled: !state.comment.length, onClick: onSend, loading: state.loading },
|
|
30
|
+
React.createElement(FAIcon, { icon: faPaperPlane, style: { marginRight: "0.5rem" } }),
|
|
31
|
+
"Comment")))))));
|
|
32
|
+
/** send comment */
|
|
33
|
+
async function onSend() {
|
|
34
|
+
state.loading = true;
|
|
35
|
+
await store.edit(id, { Comment: state.comment });
|
|
36
|
+
state.comment = "";
|
|
37
|
+
state.loading = false;
|
|
38
|
+
/** reload latest ActivityLog */
|
|
39
|
+
const r = await store.loadDocumentActivityList(id, context.filters.options);
|
|
40
|
+
state.hideEditor();
|
|
41
|
+
/** clear old ActivityLog */
|
|
42
|
+
context.clear();
|
|
43
|
+
/** union latest ActivityLog */
|
|
44
|
+
context.union(r);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export default CommentBar;
|
|
48
|
+
//# sourceMappingURL=CommentBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommentBar.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/CommentBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
display: flex;
|
|
4
|
-
justify-content: space-between;
|
|
5
|
-
align-items: center;
|
|
6
|
-
padding: 10px 20px;
|
|
7
|
-
border-bottom: 1px solid #f2f2f2;
|
|
8
|
-
.view-title {
|
|
9
|
-
color: #000;
|
|
10
|
-
font-size: 16px;
|
|
11
|
-
font-weight: 600;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
1
|
+
@import "~@voplus/antd/es/style/themes/default";
|
|
2
|
+
|
|
15
3
|
.activity-log {
|
|
16
4
|
// height: 100%;
|
|
17
5
|
padding: 13px 0 0 15px;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { FilterOption } from "@voplus/morpho-data";
|
|
2
|
-
import { IActivityLog } from "@voplus/morpho-collaboration/es/data/interfaces";
|
|
3
2
|
import { IDocument } from "@voplus/morpho-document-core";
|
|
4
3
|
import { IFilterState } from "@voplus/morpho-ui/es/data";
|
|
5
4
|
export declare const ActivityActionType: {
|
|
@@ -8,19 +7,27 @@ export declare const ActivityActionType: {
|
|
|
8
7
|
Moved: string;
|
|
9
8
|
Deleted: string;
|
|
10
9
|
Published: string;
|
|
10
|
+
Commented: string;
|
|
11
11
|
};
|
|
12
12
|
export declare const getActionIcon: any;
|
|
13
|
-
export declare const getActionIconColor: (action: string) => "" | "#765fee" | "#ffca83" | "#ff7285";
|
|
13
|
+
export declare const getActionIconColor: (action: string) => "" | "#765fee" | "#ffca83" | "#ff7285" | "rgb(254, 64, 102)";
|
|
14
14
|
export declare class State implements IFilterState {
|
|
15
|
-
activitys: IActivityLog[];
|
|
16
15
|
page: number;
|
|
16
|
+
/** loading of save comment */
|
|
17
17
|
loading: boolean;
|
|
18
18
|
/** targetObjects, source, target */
|
|
19
19
|
docObject: IDocument;
|
|
20
20
|
/** Visible of quickView */
|
|
21
21
|
quickViewVisible: boolean;
|
|
22
|
+
/** comment */
|
|
23
|
+
comment: string;
|
|
24
|
+
/** floating ? 显示'Add a new comment' Button : ProseMirror */
|
|
25
|
+
floating: boolean;
|
|
26
|
+
/** */
|
|
22
27
|
activityActions: Map<string, boolean>;
|
|
23
28
|
changeAction(value: string): void;
|
|
29
|
+
showEditor(element: HTMLDivElement | null): void;
|
|
30
|
+
hideEditor(): void;
|
|
24
31
|
get filters(): FilterOption[];
|
|
25
32
|
reset(): void;
|
|
26
33
|
}
|
|
@@ -5,7 +5,8 @@ export const ActivityActionType = {
|
|
|
5
5
|
Changed: "Changed",
|
|
6
6
|
Moved: "Moved",
|
|
7
7
|
Deleted: "Deleted",
|
|
8
|
-
Published: "Published"
|
|
8
|
+
Published: "Published",
|
|
9
|
+
Commented: "Commented"
|
|
9
10
|
};
|
|
10
11
|
export const getActionIcon = (log) => {
|
|
11
12
|
switch (log.action) {
|
|
@@ -20,6 +21,8 @@ export const getActionIcon = (log) => {
|
|
|
20
21
|
return ["fal", "trash-alt"];
|
|
21
22
|
case ActivityActionType.Published:
|
|
22
23
|
return ["fal", "upload"];
|
|
24
|
+
case ActivityActionType.Commented:
|
|
25
|
+
return ["fal", "comment-dots"];
|
|
23
26
|
default:
|
|
24
27
|
return "";
|
|
25
28
|
}
|
|
@@ -34,17 +37,24 @@ export const getActionIconColor = (action) => {
|
|
|
34
37
|
return "#ffca83";
|
|
35
38
|
case ActivityActionType.Deleted:
|
|
36
39
|
return "#ff7285";
|
|
40
|
+
case ActivityActionType.Commented:
|
|
41
|
+
return "rgb(254, 64, 102)";
|
|
37
42
|
default:
|
|
38
43
|
return "";
|
|
39
44
|
}
|
|
40
45
|
};
|
|
41
46
|
export class State {
|
|
42
47
|
constructor() {
|
|
43
|
-
this.activitys = [];
|
|
44
48
|
this.page = 1;
|
|
45
|
-
|
|
49
|
+
/** loading of save comment */
|
|
50
|
+
this.loading = false;
|
|
46
51
|
/** Visible of quickView */
|
|
47
52
|
this.quickViewVisible = false;
|
|
53
|
+
/** comment */
|
|
54
|
+
this.comment = "";
|
|
55
|
+
/** floating ? 显示'Add a new comment' Button : ProseMirror */
|
|
56
|
+
this.floating = true;
|
|
57
|
+
/** */
|
|
48
58
|
this.activityActions = new Map();
|
|
49
59
|
}
|
|
50
60
|
changeAction(value) {
|
|
@@ -52,6 +62,16 @@ export class State {
|
|
|
52
62
|
? this.activityActions.delete(value)
|
|
53
63
|
: this.activityActions.set(value, true);
|
|
54
64
|
}
|
|
65
|
+
showEditor(element) {
|
|
66
|
+
var _a;
|
|
67
|
+
this.floating = false;
|
|
68
|
+
if (element) {
|
|
69
|
+
(_a = element.querySelector(".ProseMirror")) === null || _a === void 0 ? void 0 : _a.focus();
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
hideEditor() {
|
|
73
|
+
this.floating = true;
|
|
74
|
+
}
|
|
55
75
|
get filters() {
|
|
56
76
|
if (this.activityActions.size === 0)
|
|
57
77
|
return [];
|
|
@@ -68,9 +88,6 @@ export class State {
|
|
|
68
88
|
this.activityActions.clear();
|
|
69
89
|
}
|
|
70
90
|
}
|
|
71
|
-
__decorate([
|
|
72
|
-
observable
|
|
73
|
-
], State.prototype, "activitys", void 0);
|
|
74
91
|
__decorate([
|
|
75
92
|
observable
|
|
76
93
|
], State.prototype, "page", void 0);
|
|
@@ -83,10 +100,22 @@ __decorate([
|
|
|
83
100
|
__decorate([
|
|
84
101
|
observable
|
|
85
102
|
], State.prototype, "quickViewVisible", void 0);
|
|
103
|
+
__decorate([
|
|
104
|
+
observable
|
|
105
|
+
], State.prototype, "comment", void 0);
|
|
106
|
+
__decorate([
|
|
107
|
+
observable
|
|
108
|
+
], State.prototype, "floating", void 0);
|
|
86
109
|
__decorate([
|
|
87
110
|
observable
|
|
88
111
|
], State.prototype, "activityActions", void 0);
|
|
89
112
|
__decorate([
|
|
90
113
|
action
|
|
91
114
|
], State.prototype, "changeAction", null);
|
|
115
|
+
__decorate([
|
|
116
|
+
action
|
|
117
|
+
], State.prototype, "showEditor", null);
|
|
118
|
+
__decorate([
|
|
119
|
+
action
|
|
120
|
+
], State.prototype, "hideEditor", null);
|
|
92
121
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAO1C,MAAM,CAAC,MAAM,kBAAkB,GAAG;IACjC,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAQ,CAAC,GAAiB,EAAE,EAAE;IACvD,QAAQ,GAAG,CAAC,MAAM,EAAE;QACnB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC9B,KAAK,kBAAkB,CAAC,KAAK;YAC5B,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QACrE,KAAK,kBAAkB,CAAC,OAAO;YAC9B,EAAE,CAAC;YACH,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAC7B,KAAK,kBAAkB,CAAC,SAAS;YAChC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC1B;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,QAAQ,MAAM,EAAE;QACf,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,KAAK;YAC5B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB,KAAK,kBAAkB,CAAC,OAAO;YAC9B,OAAO,SAAS,CAAC;QAClB;YACC,OAAO,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AACF,MAAM,OAAO,KAAK;IAAlB;QACa,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/ActivityLog/state.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Archive, Edit, Open } from "../../controls/ToolBar/buttons";
|
|
1
2
|
import { Button, Checkbox } from "@voplus/antd";
|
|
2
3
|
import React, { useState } from "react";
|
|
3
4
|
import { faSave, faUndo } from "@fortawesome/pro-light-svg-icons";
|
|
@@ -7,7 +8,7 @@ import DocumentHeader from "../DocumentHeader";
|
|
|
7
8
|
import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
|
|
8
9
|
import FlagIcon from "../../controls/FlagIcon";
|
|
9
10
|
import { State } from "./state";
|
|
10
|
-
import ToolBar from "../../controls/ToolBar";
|
|
11
|
+
import ToolBar from "../../controls/ToolBar/ToolBar2";
|
|
11
12
|
import classnames from "classnames";
|
|
12
13
|
import styles from "./index.less";
|
|
13
14
|
import { useObserver } from "mobx-react-lite";
|
|
@@ -24,7 +25,10 @@ const DocumentCard = (props) => {
|
|
|
24
25
|
React.createElement(DocumentHeader, Object.assign({ id: props.id, quickDataBarAlign: "left", clickNameEffect: "quick-view", editMode: state.editable, pre: multiple ? (React.createElement(Checkbox, { value: state.document.id, className: "multiple-box" })) : (React.createElement(FlagIcon, { id: props.id, flag: state.document.flag, editable: !state.document.readonly, className: "flag-icon" })), flagVisible: false, toolsVisible: false, onChange: name => (state.name = name) }, props.headerProps)),
|
|
25
26
|
React.createElement("div", { className: "document-card-label" },
|
|
26
27
|
state.isHover && !state.editable && (React.createElement("div", { className: classnames("hover-operate-icon", { show: state.isHover }) },
|
|
27
|
-
React.createElement(ToolBar, { id: props.id
|
|
28
|
+
React.createElement(ToolBar, { id: props.id },
|
|
29
|
+
React.createElement(Open, { url: `/document/${props.id}` }),
|
|
30
|
+
React.createElement(Edit, { action: () => state.onEdit() }),
|
|
31
|
+
React.createElement(Archive, null)))),
|
|
28
32
|
state.editable && (React.createElement("div", { className: "document-card-editable-name" },
|
|
29
33
|
React.createElement(Button, { shape: "circle", onClick: () => (state.editable = false) },
|
|
30
34
|
React.createElement(FAIcon, { icon: faUndo })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,IAAI,MAAM,oCAAoC,CAAC;AACtD,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DocumentCard/index.tsx"],"names":[],"mappings":"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"}
|