GEP-200 Rename cameraOptions to controlsOptions

Author: aranega

examples/vite-3DCanvas-react-app/src/components/toolbar/Toolbar3D.tsx

@@ -4,7 +4,6 @@ import {
   Canvas3DRootState,
   useFiber,
 } from "@metacell/geppetto-meta-ui/3d-canvas/Canvas3D";
-import { RootState } from "@react-three/fiber";
 
 const toolbarBaseStyles: SxProps<Theme> = {
   display: "flex",

examples/vite-3DCanvas-react-app/src/components/viewers/Canvas3DExample.tsx

@@ -127,13 +127,14 @@ const Canvas3DExample: React.FC = () => {
         <Box sx={classes.canvasContainer}>
           <Canvas3D
             frameloop={"always"}
-            cameraOptions={{
+            controlsOption={{
               minDistance: 2,
               maxDistance: 20,
               enablePan: true,
               enableZoom: true,
               enableRotate: true,
             }}
+            defaultLightOff
           >
             <Scene />
           </Canvas3D>

geppetto.js/geppetto-ui/src/3d-canvas/Canvas3D.tsx

@@ -14,7 +14,7 @@ type Canvas3DBaseProps = {
   ref?;
   defaultLightOff?: boolean;
   nonInteractive?: boolean;
-  cameraOptions?: CameraControlsProps;
+  controlsOption?: CameraControlsProps;
 };
 
 type Canvas3DProps = Canvas3DBaseProps &
@@ -154,7 +154,7 @@ export const Canvas3D: React.FC<Canvas3DProps> = forwardRef<
       children,
       defaultLightOff = false,
       nonInteractive = false,
-      cameraOptions,
+      controlsOption,
       ...canvasProps
     },
     ref
@@ -169,7 +169,7 @@ export const Canvas3D: React.FC<Canvas3DProps> = forwardRef<
           </>
         )}
         {children}
-        {!nonInteractive && <CameraControls makeDefault {...cameraOptions} />}
+        {!nonInteractive && <CameraControls makeDefault {...controlsOption} />}
       </Canvas>
     );
   }