@xyo-network/react-node-renderer 2.47.37 → 2.47.38

package/dist/cjs/components/RelationalGraph.js

@@ -12,12 +12,16 @@ exports.NodeRelationalGraph = (0, react_1.forwardRef)((_a, ref) => {
     var { options } = _a, props = tslib_1.__rest(_a, ["options"]);
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
     const [cy, setCy] = (0, react_1.useState)();
+    const handleReset = () => {
+        cy === null || cy === void 0 ? void 0 : cy.reset();
+        cy === null || cy === void 0 ? void 0 : cy.fit(undefined, 20);
+    };
     (0, react_1.useEffect)(() => {
         if (sharedRef) {
             setCy((0, cytoscape_1.default)(Object.assign({ container: sharedRef.current }, options)));
         }
     }, [options, sharedRef]);
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ResetButton, Object.assign({ size: 'small', variant: 'contained', onClick: () => cy === null || cy === void 0 ? void 0 : cy.reset() }, { children: "Reset" })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ResetButton, Object.assign({ size: 'small', variant: 'contained', onClick: handleReset }, { children: "Reset" })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })] })));
 });
 exports.NodeRelationalGraph.displayName = 'NodeRelationalGraph';
 const ResetButton = (0, material_1.styled)(material_1.Button, { name: 'ResetButton' })(() => ({

package/dist/cjs/components/RelationalGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,4DAAgE;AAChE,kEAA6D;AAC7D,iCAAuD;AAM1C,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAAsC,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrG,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,IAAA,mBAAS,kBACP,SAAS,EAAE,SAAS,CAAC,OAAO,IACzB,OAAO,EACV,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,WAAW,kBAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,EAAE,2BAE9D,EACd,uBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,GAAW,KAC/F,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}
+{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,4DAAgE;AAChE,kEAA6D;AAC7D,iCAAuD;AAM1C,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAAsC,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,OAAO,OAAY,EAAP,KAAK,sBAAnB,WAAqB,CAAF;IACrG,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAA;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,KAAK,EAAE,CAAA;QACX,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,IAAA,mBAAS,kBACP,SAAS,EAAE,SAAS,CAAC,OAAO,IACzB,OAAO,EACV,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,WAAW,kBAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,2BAExD,EACd,uBAAC,uBAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,GAAW,KAC/F,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,WAAW,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}

package/dist/docs.json

@@ -12975,7 +12975,7 @@
 							"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L8"
 						}
 					],
 					"type": {
@@ -18398,13 +18398,13 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L7"
 				},
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
 				}
 			],
 			"extendedTypes": [
@@ -18427,13 +18427,13 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L7"
 				},
 				{
 					"fileName": "packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx",
 					"line": 11,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/components/RelationalGraph.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -18540,7 +18540,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts",
 					"line": 13,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts#L13"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeElements.ts#L13"
 				}
 			],
 			"signatures": [
@@ -18581,7 +18581,7 @@
 					"fileName": "packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/hooks/cytoscape/useCytoscapeOptions.ts#L7"
 				}
 			],
 			"signatures": [
@@ -18741,7 +18741,7 @@
 			"fileName": "packages/sdk/packages/node-renderer/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d250f404e/packages/sdk/packages/node-renderer/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/node-renderer/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/components/RelationalGraph.js

@@ -7,6 +7,10 @@ import { forwardRef, useEffect, useState } from 'react';
 export const NodeRelationalGraph = forwardRef(({ options, ...props }, ref) => {
     const sharedRef = useShareForwardedRef(ref);
     const [cy, setCy] = useState();
+    const handleReset = () => {
+        cy?.reset();
+        cy?.fit(undefined, 20);
+    };
     useEffect(() => {
         if (sharedRef) {
             setCy(cytoscape({
@@ -15,7 +19,7 @@ export const NodeRelationalGraph = forwardRef(({ options, ...props }, ref) => {
             }));
         }
     }, [options, sharedRef]);
-    return (_jsxs(FlexCol, { ...props, children: [_jsx(ResetButton, { size: 'small', variant: 'contained', onClick: () => cy?.reset(), children: "Reset" }), _jsx(FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })] }));
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(ResetButton, { size: 'small', variant: 'contained', onClick: handleReset, children: "Reset" }), _jsx(FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })] }));
 });
 NodeRelationalGraph.displayName = 'NodeRelationalGraph';
 const ResetButton = styled(Button, { name: 'ResetButton' })(() => ({

package/dist/esm/components/RelationalGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,SAAqC,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAsC,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChH,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,EAAQ,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,SAAS,CAAC;gBACR,SAAS,EAAE,SAAS,CAAC,OAAO;gBAC5B,GAAG,OAAO;aACX,CAAC,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,sBAE9D,EACd,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,GAAW,IAC/F,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}
+{"version":3,"file":"RelationalGraph.js","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,SAAqC,MAAM,WAAW,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAAsC,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChH,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,EAAQ,CAAA;IAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,EAAE,EAAE,KAAK,EAAE,CAAA;QACX,EAAE,EAAE,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,KAAK,CACH,SAAS,CAAC;gBACR,SAAS,EAAE,SAAS,CAAC,OAAO;gBAC5B,GAAG,OAAO;aACX,CAAC,CACH,CAAA;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,sBAExD,EACd,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,GAAW,IAC/F,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA"}

package/dist/types/components/RelationalGraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelationalGraph.d.ts","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAkB,EAAQ,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG7D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,gHAuB9B,CAAA"}
+{"version":3,"file":"RelationalGraph.d.ts","sourceRoot":"","sources":["../../../src/components/RelationalGraph.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAkB,EAAQ,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG7D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,eAAO,MAAM,mBAAmB,gHA4B9B,CAAA"}

package/package.json

@@ -14,8 +14,8 @@
     "@xylabs/react-shared": "^2.16.14",
     "@xyo-network/module": "^2.53.36",
     "@xyo-network/node": "^2.53.36",
-    "@xyo-network/react-node": "^2.47.37",
-    "@xyo-network/react-shared": "^2.47.37",
+    "@xyo-network/react-node": "^2.47.38",
+    "@xyo-network/react-shared": "^2.47.38",
     "cytoscape": "^3.23.0"
   },
   "peerDependencies": {
@@ -39,9 +39,9 @@
     "@xyo-network/id-plugin": "^2.53.34",
     "@xyo-network/module": "^2.53.34",
     "@xyo-network/node": "^2.53.34",
-    "@xyo-network/react-node": "^2.47.37",
-    "@xyo-network/react-storybook": "^2.47.37",
-    "@xyo-network/react-wallet": "^2.47.37",
+    "@xyo-network/react-node": "^2.47.38",
+    "@xyo-network/react-storybook": "^2.47.38",
+    "@xyo-network/react-wallet": "^2.47.38",
     "require-from-string": "^2.0.2",
     "typescript": "^4.9.5"
   },
@@ -88,5 +88,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.37"
+  "version": "2.47.38"
 }

package/src/components/RelationalGraph.tsx

@@ -12,6 +12,11 @@ export const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGrap
   const sharedRef = useShareForwardedRef(ref)
   const [cy, setCy] = useState<Core>()
 
+  const handleReset = () => {
+    cy?.reset()
+    cy?.fit(undefined, 20)
+  }
+
   useEffect(() => {
     if (sharedRef) {
       setCy(
@@ -25,7 +30,7 @@ export const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGrap
 
   return (
     <FlexCol {...props}>
-      <ResetButton size={'small'} variant={'contained'} onClick={() => cy?.reset()}>
+      <ResetButton size={'small'} variant={'contained'} onClick={handleReset}>
         Reset
       </ResetButton>
       <FlexCol alignItems="stretch" height="100%" position="absolute" ref={sharedRef} width="100%"></FlexCol>