@avs/go-react 0.13.71745 → 0.13.71754

package/demo/src/App.tsx

@@ -1,46 +1,15 @@
 import './App.css'
 import { AvsGoDataViz } from '@avs/go-react/src/AvsGoDataViz';
-import { useRef } from 'react';
-
-const startupAnimation = null; // btoa('[{"time":0,"rotation":[-75,0,0,"XYZ"],"position":[0,0,0],"scale":100},{"time":2000,"rotation":[-75,0,-90,"XYZ"],"position":[0,0,0],"scale":100},{"time":4000,"rotation":[-75,0,-90,"XYZ"],"position":[0,0,0],"scale":200},{"time":6000,"rotation":[0,0,-90,"XYZ"],"position":[0,0,0],"scale":200}]');
-const params = new URLSearchParams(window.location.search);
-const param = params.get('animation');
 
 function App() {
-	const dataVizRef = useRef(null);
-
-	function handleLoadComplete() {
-		if (dataVizRef.current) {
-			dataVizRef.current.runAnimation();
-		}
-	}
-
-	function handleTransformAnimationShare(animation: string) {
-		const url = window.location.origin + window.location.pathname + "?animation=" + animation;
-		navigator.clipboard.writeText(url);
-
-		const dialog = document.createElement("dialog");
-		document.body.appendChild(dialog);
-		dialog.innerText = "URL copied to clipboard";
-		dialog.show();
-		setTimeout(function () {
-			dialog.close();
-		}, 1000);
-	}
-
   return (
-    <div style={{width: '100vw', height: '100vh', backgroundColor: 'white'}}>
-	    <AvsGoDataViz
-				url='hydrogen.json'
-				ref={dataVizRef}
-				urlLoadJsonFile
-				renderer='THREEJS'
-				transformEnable
-				transformAnimation={param ?? startupAnimation}
-				animationControlsEnable
-				onLoadComplete={handleLoadComplete}
-				onTransformAnimationShare={handleTransformAnimationShare}
-	    />
+    <div style={{width: '100vw', height: '100vh'}}>
+	  <AvsGoDataViz
+	    url='hydrogen.json'
+		urlLoadJsonFile
+		renderer='THREEJS'
+		transformEnable
+	  />
     </div>
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avs/go-react",
-  "version": "0.13.71745",
+  "version": "0.13.71754",
   "description": "React wrapper for AVS/Go web components",
   "keywords": [
     "visualization",

package/src/AvsGoDataViz.jsx

@@ -22,6 +22,7 @@ import { forwardRef, useRef, useEffect, useImperativeHandle } from 'react';
 import { AvsGoDataViz as AvsGoDataVizPolymer } from '@avs/go/src/avs-go-dataviz';
 
 export const AvsGoDataViz = forwardRef(({
+  children,
   style,
   manualUpdate,
   displayCanvas,
@@ -99,49 +100,49 @@ export const AvsGoDataViz = forwardRef(({
 
     function handleTap(e) {
       if (onTap) {
-        onTap(e.detail);
+        onTap(e);
       }
     }
 
     function handleTrack(e) {
       if (onTrack) {
-        onTrack(e.detail);
+        onTrack(e);
       }
     }
 
     function handleHover(e) {
       if (onHover) {
-        onHover(e.detail);
+        onHover(e);
       }
     }
 
     function handleSceneInfo(e) {
       if (onSceneInfo) {
-        onSceneInfo(e.detail);
+        onSceneInfo(e);
       }
     }
 
     function handleLoadComplete(e) {
       if (onLoadComplete) {
-        onLoadComplete();
+        onLoadComplete(e);
       }
     }
 
     function handlePanInfo(e) {
       if (onPanInfo) {
-        onPanInfo(e.detail);
+        onPanInfo(e);
       }
     }
 
     function handleTransformAnimationShare(e) {
       if (onTransformAnimationShare) {
-        onTransformAnimationShare(e.detail);
+        onTransformAnimationShare(e);
       }
     }
 
     function handleError(e) {
       if (onError) {
-        onError(e.detail);
+        onError(e);
       }
     }
 
@@ -267,7 +268,8 @@ export const AvsGoDataViz = forwardRef(({
       animated-glyphs-visible={animatedGlyphsVisible}
       animated-glyphs-enable={animatedGlyphsEnable}
       animation-controls-enable={animationControlsEnable}
-	  >
-	  </avs-go-dataviz>
+    >
+      {children}
+	</avs-go-dataviz>
   );
 });