@voplus/morpho-document 1.2.0-dev.41 → 1.2.0-dev.42

package/es/modules/graph/components/GraphViewer/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
+import "./index.less";
 declare const GraphViewer: (props: {
     id: string;
+    /** auto height make viewer same height as graph content. */
+    autoHeight?: boolean;
 }) => JSX.Element;
 export default GraphViewer;

package/es/modules/graph/components/GraphViewer/index.js

@@ -1,11 +1,24 @@
+import "./index.less";
+import React, { useEffect, useState } from "react";
 import IframeResizer from "iframe-resizer-react";
-import React from "react";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
 import { observe } from "@voplus/morpho-ui";
 import { useApplicationContext } from "@voplus/morpho-data"; // eslint-disable-line
 const GraphViewer = (props) => {
     const context = useApplicationContext();
+    const [height, setHeight] = useState(null);
+    useEffect(() => {
+        if (props.autoHeight !== true)
+            setHeight(null);
+    });
     const path = `/mxgraph/editor/viewer.html?id=${props.id}&access_token=${encodeURIComponent(context.user.info.accessToken)}`;
-    return observe(() => (React.createElement(IframeResizer, { src: `${context.api.currentEndPoint.url(path)}`, style: { width: "1px", minWidth: "100%" }, frameBorder: "0", scrolling: false })));
+    return observe(() => (React.createElement("div", { className: "graph-viewer", style: { height: height ? `${height}px` : undefined } },
+        React.createElement(Panable, { scroll: true },
+            React.createElement(IframeResizer, { onResized: handleIFrameResize, src: `${context.api.currentEndPoint.url(path)}`, style: { pointerEvents: "none" }, frameBorder: "0", scrolling: false, sizeWidth: true })))));
+    function handleIFrameResize(ev) {
+        if (props.autoHeight)
+            setHeight(+ev.height + 10);
+    }
 };
 export default GraphViewer;
 //# sourceMappingURL=index.js.map

package/es/modules/graph/components/GraphViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC,CAAC,sBAAsB;AAEnF,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,IAAI,GAAG,kCAAkC,KAAK,CAAC,EAAE,iBAAiB,kBAAkB,CACzF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAC7B,EAAE,CAAC;IAEJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,aAAa,IACb,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EACzC,WAAW,EAAC,GAAG,EACf,SAAS,EAAE,KAAK,GACf,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/components/GraphViewer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC,CAAC,sBAAsB;AAEnF,MAAM,WAAW,GAAG,CAAC,KAIpB,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,kCAAkC,KAAK,CAAC,EAAE,iBAAiB,kBAAkB,CACzF,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAC7B,EAAE,CAAC;IAEJ,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE;QAClF,oBAAC,OAAO,IAAC,MAAM;YACd,oBAAC,aAAa,IACb,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAC/C,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAChC,WAAW,EAAC,GAAG,EACf,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,GACd,CACO,CACL,CACN,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,EAAmB;QAC9C,IAAI,KAAK,CAAC,UAAU;YAAE,SAAS,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAClD,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/modules/graph/components/GraphViewer/index.less

@@ -0,0 +1,4 @@
+:global {
+	.graph-viewer {
+	}
+}

package/es/modules/page/components/GraphItem/index.js

@@ -20,7 +20,7 @@ const GraphItem = (props) => {
     }, [context.collapsed]);
     return observe(() => (React.createElement("div", { id: id, className: "page-item page-graph-item" },
         React.createElement(PageItemHeader, { id: id, collapse: state.collapse, connectDragSource: connectDragSource, changeCollapse: state.changeCollapse, openVisible: true }),
-        !state.collapse && React.createElement(GraphViewer, { id: id }))));
+        !state.collapse && React.createElement(GraphViewer, { id: id, autoHeight: true }))));
 };
 export default GraphItem;
 //# sourceMappingURL=index.js.map

package/es/modules/page/components/GraphItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B;QACjD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,GAChB;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,GAAI,CACtC,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/components/GraphItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE5C,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,SAAS,GAAG,CAAC,KAA8C,EAAE,EAAE;IACpE,MAAM,EAAE,EAAE,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACvB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;YAC9C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAExB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,2BAA2B;QACjD,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,WAAW,EAAE,IAAI,GAChB;QACD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CACjD,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-document",
-	"version": "1.2.0-dev.41",
+	"version": "1.2.0-dev.42",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-document/_git/morpho-document"