@voplus/morpho-document 5.0.21 → 5.0.22

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.
@@ -12,7 +12,7 @@ const PublishModal = (props) => {
12
12
  return observe(() => (React.createElement(Modal, { title: `Publish ${name}`, open: true, maskClosable: true, destroyOnClose: true, okText: "Publish", className: styles["publish-modal"], onCancel: props.onChange, onOk: onPublish },
13
13
  React.createElement("div", { className: "publish-date" },
14
14
  React.createElement("div", { className: "form-item" }, "Publish on"),
15
- React.createElement(DatePicker, { changeOnBlur: true, value: state.date, onChange: (value) => (state.date = value) })),
15
+ React.createElement(DatePicker, { changeOnBlur: true, value: state.date, onChange: (value, dateString) => (state.date = dateString) })),
16
16
  React.createElement("div", { className: "publish-note" },
17
17
  React.createElement("div", { className: "form-item" }, "Publish Note"),
18
18
  React.createElement(TextArea, { className: "note-textArea", autoSize: { minRows: 3, maxRows: 6 }, value: state.note, onChange: (e) => (state.note = e.target.value) })))));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PublishModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,KAKrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,cAAc,QACd,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,SAAS;QAEf,6BAAK,SAAS,EAAC,cAAc;YAC5B,6BAAK,SAAS,EAAC,WAAW,iBAAiB;YAC3C,oBAAC,UAAU,IACV,YAAY,QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7C,CACG;QACN,6BAAK,SAAS,EAAC,cAAc;YAC5B,6BAAK,SAAS,EAAC,WAAW,mBAAmB;YAC7C,oBAAC,QAAQ,IACR,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACpC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7C,CACG,CACC,CACR,CAAC,CAAC;IAEH,KAAK,UAAU,SAAS,CAAC,CAAM;QAC9B,IAAI,KAAK,CAAC,WAAW,EAAE;YACtB,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;gBACpB,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE;gBAC9D,KAAK,EAAE,SAAS;aAChB,CAAC,CAAC;SACH;aAAM;YACN,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACvF;QACD,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,yBAAyB,CAAC,CAAC;IACnD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PublishModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,YAAY,GAAG,CAAC,KAKrB,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,cAAc,QACd,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,SAAS;QAEf,6BAAK,SAAS,EAAC,cAAc;YAC5B,6BAAK,SAAS,EAAC,WAAW,iBAAiB;YAC3C,oBAAC,UAAU,IACV,YAAY,QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,GACzD,CACG;QACN,6BAAK,SAAS,EAAC,cAAc;YAC5B,6BAAK,SAAS,EAAC,WAAW,mBAAmB;YAC7C,oBAAC,QAAQ,IACR,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EACpC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7C,CACG,CACC,CACR,CAAC,CAAC;IAEH,KAAK,UAAU,SAAS,CAAC,CAAM;QAC9B,IAAI,KAAK,CAAC,WAAW,EAAE;YACtB,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;gBACpB,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE;gBAC9D,KAAK,EAAE,SAAS;aAChB,CAAC,CAAC;SACH;aAAM;YACN,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACvF;QACD,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,yBAAyB,CAAC,CAAC;IACnD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import "./index.less";
2
3
  declare const EnvelopeQuickView: (props: {
3
4
  id: string;
4
5
  visible?: boolean;
@@ -1,53 +1,24 @@
1
- import { AsideContent, observe } from "@voplus/morpho-ui";
2
- import { Button, Tooltip } from "antd";
3
- import React, { useState } from "react";
4
- import { faListTimeline, faTimes } from "@fortawesome/pro-light-svg-icons";
5
- import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
6
- import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
7
- import FlexDialog from "../../../../../components/FlexDialog";
8
- import { Open } from "../../../../../controls/ToolBar/buttons";
9
- import PropertiesView from "../PropertiesView";
10
- import classnames from "classnames";
11
- import { runInAction } from "mobx";
12
- import styles from "./index.less";
13
- import { useLayout } from "@voplus/morpho-data";
1
+ import React, { useState, useEffect } from "react";
2
+ import { observe } from "@voplus/morpho-ui";
3
+ import { Spin } from "antd";
4
+ import { autorun } from "mobx";
5
+ import { LoadingOutlined } from "@ant-design/icons";
6
+ import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
7
+ import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
8
+ import PropertiesView from "../EnvelopeProperties";
9
+ import LetterList from "../../../Letter/LetterList";
10
+ import QuickViewDialog from "../../../../../components/QuickViewDialog";
11
+ import "./index.less";
14
12
  const EnvelopeQuickView = (props) => {
15
13
  const { id } = props;
16
- const [activity, setActivity] = useState(false);
17
- const [asideContext] = useState(AsideContent.createContext());
18
- const layout = useLayout();
19
- const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
20
- React.createElement(ActivityLog, { id: id })));
21
- return observe(() => (React.createElement(FlexDialog, { modalProps: {
22
- className: classnames("quickView-modal-style", styles["envelope-quick-view-modal"]),
23
- width: activity ? "1000px" : "500px",
24
- open: props.visible,
25
- destroyOnClose: true,
26
- closable: false,
27
- footer: false,
28
- onCancel: props.onCancel,
29
- }, closeAside: props.onCancel },
30
- React.createElement(AsideContent, { context: asideContext, style: { width: "100%" } },
31
- React.createElement("div", { className: "envelope-quick-aside" },
32
- React.createElement(PropertiesView, { id: id, size: "h3", quickDataBarAlign: "left", toolbar: React.createElement(React.Fragment, null,
33
- React.createElement(Open, { url: `/document/${id}` }),
34
- React.createElement(Tooltip, { title: "Activities" },
35
- React.createElement(Button, { size: "small", type: "link", style: { marginRight: "5px" }, onClick: activitiesClick },
36
- React.createElement(FAIcon, { icon: faListTimeline }))),
37
- !layout.ui.mobile && (React.createElement("span", { className: "close-icon" },
38
- React.createElement(FAIcon, { icon: faTimes, onClick: props.onCancel })))) }))))));
39
- /** Activities组件的显示 */
40
- function activitiesClick() {
41
- runInAction(() => {
42
- if (!activity) {
43
- asideContext.openAside(AsideElement, { span: 12 });
44
- }
45
- else {
46
- asideContext.closeAside();
47
- }
48
- setActivity(layout.ui.mobile ? false : !activity);
49
- });
50
- }
14
+ const envelopStore = useEnvelopeStore();
15
+ const [context] = useState(new EnvelopeContextState(id, envelopStore));
16
+ const envelope = useEnvelope(id, { reload: true, includes: "tags" });
17
+ useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
18
+ return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
19
+ React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, propertiesView: React.createElement(PropertiesView, { id: id }), onCancel: props.onCancel },
20
+ React.createElement("div", { className: "envelope-quick-letters" }, envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
21
+ React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" })))))));
51
22
  };
52
23
  export default EnvelopeQuickView;
53
24
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/EnvelopeQuickView/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/EnvelopeQuickView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,eAAe,MAAM,2CAA2C,CAAC;AACxE,OAAO,cAAc,CAAC;AAEtB,MAAM,iBAAiB,GAAG,CAAC,KAA+D,EAAE,EAAE;IAC7F,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,oBAAoB,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,cAAc,EAAE,oBAAC,cAAc,IAAC,EAAE,EAAE,EAAE,GAAI,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAExB,6BAAK,SAAS,EAAC,wBAAwB,IACrC,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAC5C,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,SAAG,GAAI,CACjE,CACN,CAAC,CAAC,CAAC,CACH,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,IAAI,GAAG,CAChC,CACI,CACW,CACQ,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,54 +1,20 @@
1
- .envelope-quick-view-modal {
2
- height: calc(100% - 200px);
3
- min-height: 250px;
4
-
5
- :global {
6
- .ant-modal-content {
1
+ @import "~@voplus/morpho-theme/styles/index.less";
2
+
3
+ :global {
4
+ .envelope-quick-letters {
5
+ height: 100%;
6
+ padding-top: 1rem;
7
+ background-color: @background-color-base;
8
+ > div {
7
9
  height: 100%;
8
-
9
- .ant-modal-body {
10
- display: flex;
11
- height: 100%;
12
- padding: 0 !important;
13
-
14
- .envelope-default-view {
15
- position: relative;
16
-
17
- &::before {
18
- position: absolute;
19
- content: "";
20
- right: 0;
21
- height: 100%;
22
- border-right: 1px solid #f2f2f2;
23
- }
24
-
25
- header {
26
- box-shadow: none;
27
-
28
- .document-header-default {
29
- padding: 20px 20px 10px 20px;
30
-
31
- .tool-bar {
32
- align-self: flex-end;
33
-
34
- .close-icon {
35
- position: absolute;
36
- right: 0;
37
- top: 10px;
38
- font-size: 22px;
39
- cursor: pointer;
40
- padding: 0 23px 0;
41
- }
42
- }
43
- }
44
- }
45
- }
46
- }
10
+ margin: 0 1rem 0 1rem;
47
11
  }
48
-
49
- .envelope-quick-aside {
50
- display: flex;
51
- flex-direction: column;
12
+ .letter-item-card {
13
+ margin-bottom: 1rem;
14
+ }
15
+ .envelope-loading {
16
+ margin: 1rem;
17
+ text-align: center;
52
18
  }
53
19
  }
54
- }
20
+ }
@@ -1,13 +1,14 @@
1
1
  import "./index.less";
2
+ import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
2
3
  import { EnvelopeContext, EnvelopeContextState } from "../../../data/EnvelopeContext";
3
4
  import { Open, Reload } from "../../../../../controls/ToolBar/buttons";
4
5
  import React, { useEffect, useState } from "react";
5
6
  import { useEnvelope, useEnvelopeStore } from "../../../data/envelope";
6
- import DescriptionEditor from "../../../../../controls/DescriptionEditor";
7
+ import DocumentTabs from "../../../../../components/DocumentTabs";
7
8
  import DocumentHeader from "../../../../../components/DocumentHeader";
8
9
  import LetterList from "../../../Letter/LetterList";
10
+ import EnvelopeProperties from "../EnvelopeProperties";
9
11
  import { LoadingOutlined } from "@ant-design/icons";
10
- import Skeleton from "antd/es/skeleton";
11
12
  import { Spin } from "antd";
12
13
  import ToolBar from "../../../../../controls/ToolBar/ToolBar2";
13
14
  import { autorun } from "mobx";
@@ -18,20 +19,34 @@ const PropertiesView = (props) => {
18
19
  const { id, toolbar, size, quickDataBarAlign, closeAside, style } = props;
19
20
  const meta = useMetaStore();
20
21
  const envelopStore = useEnvelopeStore();
22
+ const [activeKey, setActiveKey] = useState();
21
23
  const [context] = useState(new EnvelopeContextState(id, envelopStore));
22
24
  const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
23
25
  useEffect(() => autorun(() => context.set(envelope.letters)), [id]);
24
26
  return observe(() => (React.createElement(EnvelopeContext.Provider, { value: context },
25
27
  React.createElement("div", { className: "envelope-default-view", style: style },
26
- React.createElement("header", null,
27
- React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
28
- closeAside: !!closeAside,
29
- } },
30
- React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
31
- envelope.loading ? (React.createElement("div", { className: "envelope-description" },
32
- React.createElement(Skeleton, { active: true }))) : (React.createElement(DescriptionEditor, { id: id, description: envelope.description, readonly: envelope.readonly, padding: "0 0 0.75rem 0" }))),
33
- envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
34
- React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" }))))));
28
+ React.createElement(DocumentHeader, { id: id, size: size, clickNameEffect: "edit", quickDataBarAlign: quickDataBarAlign, autoSaveName: true, status: envelope.envelopeStatus, tools: React.createElement(ToolBar, { id: id, moreProps: {
29
+ closeAside: !!closeAside,
30
+ } },
31
+ React.createElement(Reload, { action: reload }), toolbar !== null && toolbar !== void 0 ? toolbar : React.createElement(Open, { url: meta.getRoute(envelope) })), descriptionVisible: false }),
32
+ React.createElement(DocumentTabs, { id: id, active: "Properties", tabItems: [
33
+ {
34
+ key: "Properties",
35
+ label: "Properties",
36
+ children: React.createElement(EnvelopeProperties, { id: id }),
37
+ },
38
+ {
39
+ key: "Letters",
40
+ label: "Letters",
41
+ children: (React.createElement("div", { className: "properties-letters" }, envelope.loading || context.reloadLoading ? (React.createElement("div", { className: "envelope-loading" },
42
+ React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 32 }, spin: true }) }))) : (React.createElement(LetterList, { id: id, size: "h4" })))),
43
+ },
44
+ {
45
+ key: "Activities",
46
+ label: "Activities",
47
+ children: (React.createElement(React.Fragment, null, activeKey === "Activities" ? React.createElement(ActivityLog, { id: id, title: " " }) : null)),
48
+ },
49
+ ], onChange: (key) => setActiveKey(key) })))));
35
50
  /** reload */
36
51
  async function reload() {
37
52
  context.reloadLoading = true;
@@ -40,7 +55,7 @@ const PropertiesView = (props) => {
40
55
  }
41
56
  };
42
57
  PropertiesView.defaultProps = {
43
- size: "h2",
58
+ size: "h3",
44
59
  };
45
60
  export default PropertiesView;
46
61
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/PropertiesView/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/pages/Signature/Envelope/components/PropertiesView/index.tsx"],"names":[],"mappings":"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"}
@@ -6,24 +6,30 @@
6
6
  display: flex;
7
7
  height: 100%;
8
8
  flex-direction: column;
9
- background-color: @background-color-base;
10
- > header {
11
- box-shadow: 2px 2px 5px #e8e8e8;
12
- background-color: @component-background;
13
- }
14
- .envelope-description {
15
- padding: 0 20px 10px 20px;
16
- }
17
- > div {
18
- margin: 1rem 1rem 0 1rem;
19
- .letter-item-card {
20
- margin-bottom: 1rem;
9
+ .properties-letters {
10
+ height: 100%;
11
+ padding-top: 1rem;
12
+ background-color: @background-color-base;
13
+ > div {
14
+ height: 100%;
15
+ margin: 0 1rem 0 1rem;
21
16
  }
22
17
  }
18
+ .letter-item-card {
19
+ margin-bottom: 1rem;
20
+ }
23
21
  .envelope-loading {
24
22
  margin: 1rem;
25
23
  text-align: center;
26
24
  }
25
+ .ant-tabs {
26
+ display: flex;
27
+ flex-direction: column;
28
+ height: 100%;
29
+ .ant-tabs-nav {
30
+ margin: 0;
31
+ }
32
+ }
27
33
  }
28
34
  .envelope-default-view_aside {
29
35
  height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voplus/morpho-document",
3
- "version": "5.0.21",
3
+ "version": "5.0.22",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"