@wandelbots/wandelbots-js-react-components 1.27.8 → 1.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.27.8",
+  "version": "1.28.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,

package/src/components/robots/ABB_1200_07_7.tsx

@@ -6,7 +6,11 @@ ABB_1200_07_7.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function ABB_1200_07_7({ modelURL, ...props }: RobotModelProps) {
+export function ABB_1200_07_7({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -47,7 +51,11 @@ export function ABB_1200_07_7({ modelURL, ...props }: RobotModelProps) {
                     name="ABB_IRB1200_J05"
                     rotation={[Math.PI / 2, 0, -Math.PI]}
                   >
-                    <group name="ABB_IRB1200_FLG" position={[0, 0.082, 0]} />
+                    <group
+                      ref={flangeRef}
+                      name="ABB_IRB1200_FLG"
+                      position={[0, 0.082, 0]}
+                    />
                     <mesh
                       name="visuals006"
                       geometry={nodes.visuals006.geometry}

package/src/components/robots/ABB_1300_115_10.tsx

@@ -6,7 +6,11 @@ ABB_1300_115_10.config = {
   rotationOffsets: [0, -Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function ABB_1300_115_10({ modelURL, ...props }: RobotModelProps) {
+export function ABB_1300_115_10({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -61,6 +65,7 @@ export function ABB_1300_115_10({ modelURL, ...props }: RobotModelProps) {
                     rotation={[Math.PI / 2, 0, -Math.PI]}
                   >
                     <group
+                      ref={flangeRef}
                       name="ABB_IRB1300_115_10_FLG"
                       position={[0, 0.092, 0]}
                     />

package/src/components/robots/FANUC_ARC_Mate_100iD.tsx

@@ -6,7 +6,11 @@ FANUC_ARC_Mate_100iD.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_ARC_Mate_100iD({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -38,14 +42,13 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="M10iD_FLG"
                           position={[0, -0.075, 0]}
                           rotation={[-Math.PI, 0, 0]}
                         />
                         <mesh
                           name="M10iD_L06"
-                          castShadow
-                          receiveShadow
                           geometry={nodes.M10iD_L06.geometry}
                           material={materials.Fanuc_BlackMetal_AO}
                           position={[-0.835, 0.775, 0]}
@@ -54,8 +57,6 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                       </animated.group>
                       <mesh
                         name="M10iD_L05"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.M10iD_L05.geometry}
                         material={materials.Fanuc_BlackMetal_AO}
                         position={[-0.835, 0, -0.775]}
@@ -69,15 +70,11 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                     >
                       <mesh
                         name="Mesh_654"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.Mesh_654.geometry}
                         material={materials.Fanuc_Yellow_Textured_AO}
                       />
                       <mesh
                         name="Mesh_654_1"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.Mesh_654_1.geometry}
                         material={materials.Fanuc_BlackMetal_AO}
                       />
@@ -90,22 +87,16 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                   >
                     <mesh
                       name="Mesh_378"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_378.geometry}
                       material={materials.Material_1_AO}
                     />
                     <mesh
                       name="Mesh_378_1"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_378_1.geometry}
                       material={materials.Fanuc_Yellow_Textured_AO}
                     />
                     <mesh
                       name="Mesh_378_2"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_378_2.geometry}
                       material={materials.Fanuc_BlackMetal_AO}
                     />
@@ -118,15 +109,11 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
                 >
                   <mesh
                     name="Mesh_358"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.Mesh_358.geometry}
                     material={materials.Fanuc_Yellow_Textured_AO}
                   />
                   <mesh
                     name="Mesh_358_1"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.Mesh_358_1.geometry}
                     material={materials.Fanuc_BlackMetal_AO}
                   />
@@ -135,22 +122,16 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
               <group name="M10iD_L01">
                 <mesh
                   name="Mesh_356"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_356.geometry}
                   material={materials.Fanuc_Yellow_Textured_AO}
                 />
                 <mesh
                   name="Mesh_356_1"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_356_1.geometry}
                   material={materials.Material_1_AO}
                 />
                 <mesh
                   name="Mesh_356_2"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_356_2.geometry}
                   material={materials.Fanuc_BlackMetal_AO}
                 />
@@ -158,8 +139,6 @@ export function FANUC_ARC_Mate_100iD({ modelURL, ...props }: RobotModelProps) {
             </animated.group>
             <mesh
               name="M10iD_L00"
-              castShadow
-              receiveShadow
               geometry={nodes.M10iD_L00.geometry}
               material={materials.Fanuc_BlackMetal_AO}
               rotation={[-Math.PI / 2, 0, 0]}

package/src/components/robots/FANUC_ARC_Mate_120iD.tsx

@@ -6,7 +6,11 @@ FANUC_ARC_Mate_120iD.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_ARC_Mate_120iD({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -38,14 +42,13 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                         rotation={[-Math.PI / 2, 0, 0]}
                       >
                         <group
+                          ref={flangeRef}
                           name="M20iD25_FLG"
                           position={[0, -0.09, 0]}
                           rotation={[-Math.PI, 0, 0]}
                         />
                         <mesh
                           name="M20iD25_L06"
-                          castShadow
-                          receiveShadow
                           geometry={nodes.M20iD25_L06.geometry}
                           material={materials.Fanuc_BlackMetal_AO}
                           position={[0, -0.09, 0]}
@@ -54,8 +57,6 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                       </animated.group>
                       <mesh
                         name="M20iD25_L05"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.M20iD25_L05.geometry}
                         material={materials.Fanuc_BlackMetal_AO}
                         rotation={[Math.PI, Math.PI / 2, 0]}
@@ -68,15 +69,11 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                     >
                       <mesh
                         name="Mesh_2"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.Mesh_2.geometry}
                         material={materials.Fanuc_Yellow_Textured_AO}
                       />
                       <mesh
                         name="Mesh_2_1"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.Mesh_2_1.geometry}
                         material={materials.Fanuc_BlackMetal_AO}
                       />
@@ -89,22 +86,16 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                   >
                     <mesh
                       name="Mesh_15"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_15.geometry}
                       material={materials.Fanuc_BlackMetal_AO}
                     />
                     <mesh
                       name="Mesh_15_1"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_15_1.geometry}
                       material={materials.Fanuc_Yellow_Textured_AO}
                     />
                     <mesh
                       name="Mesh_15_2"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.Mesh_15_2.geometry}
                       material={materials.Material_9_AO}
                     />
@@ -117,15 +108,11 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
                 >
                   <mesh
                     name="Mesh_37"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.Mesh_37.geometry}
                     material={materials.Fanuc_BlackMetal_AO}
                   />
                   <mesh
                     name="Mesh_37_1"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.Mesh_37_1.geometry}
                     material={materials.Fanuc_Yellow_Textured_AO}
                   />
@@ -134,22 +121,16 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
               <group name="M20iD25_L01" rotation={[-Math.PI / 2, 0, 0]}>
                 <mesh
                   name="Mesh_45"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_45.geometry}
                   material={materials.Material_9_AO}
                 />
                 <mesh
                   name="Mesh_45_1"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_45_1.geometry}
                   material={materials.Fanuc_Yellow_Textured_AO}
                 />
                 <mesh
                   name="Mesh_45_2"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.Mesh_45_2.geometry}
                   material={materials.Fanuc_BlackMetal_AO}
                 />
@@ -157,8 +138,6 @@ export function FANUC_ARC_Mate_120iD({ modelURL, ...props }: RobotModelProps) {
             </animated.group>
             <mesh
               name="M20iD25_L00"
-              castShadow
-              receiveShadow
               geometry={nodes.M20iD25_L00.geometry}
               material={materials.Fanuc_BlackMetal_AO}
               position={[0, -0.425, 0]}

package/src/components/robots/FANUC_CRX10iA.tsx

@@ -6,7 +6,11 @@ FANUC_CRX10iA.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX10iA({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -36,14 +40,13 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
                       rotation={[-Math.PI / 2, 0, 0]}
                     >
                       <group
+                        ref={flangeRef}
                         name="CRX10iA_FLG"
                         position={[0, -0.16, 0]}
                         rotation={[-Math.PI, 0, 0]}
                       />
                       <mesh
                         name="CRX10iA_L06"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.CRX10iA_L06.geometry}
                         material={materials.Fanuc_BlackMetal}
                         position={[0, -0.16, 0]}
@@ -57,15 +60,11 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
                     >
                       <mesh
                         name="J5CASING_UNIT001"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.J5CASING_UNIT001.geometry}
                         material={materials.Fanuc_WhitePlastic}
                       />
                       <mesh
                         name="J5CASING_UNIT001_1"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.J5CASING_UNIT001_1.geometry}
                         material={materials.Fanuc_Green}
                       />
@@ -78,22 +77,16 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
                   >
                     <mesh
                       name="NAME_LABEL_CRX_10iA"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.NAME_LABEL_CRX_10iA.geometry}
                       material={materials.Fanuc_RedPlastic}
                     />
                     <mesh
                       name="NAME_LABEL_CRX_10iA_1"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.NAME_LABEL_CRX_10iA_1.geometry}
                       material={materials.Fanuc_BlackPlastic}
                     />
                     <mesh
                       name="NAME_LABEL_CRX_10iA_2"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.NAME_LABEL_CRX_10iA_2.geometry}
                       material={materials.Fanuc_WhitePlastic}
                     />
@@ -101,8 +94,6 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
                 </animated.group>
                 <mesh
                   name="CRX10iA_L03"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.CRX10iA_L03.geometry}
                   material={materials.Fanuc_WhitePlastic}
                   rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
@@ -110,8 +101,6 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
               </animated.group>
               <mesh
                 name="CRX10iA_L02"
-                castShadow
-                receiveShadow
                 geometry={nodes.CRX10iA_L02.geometry}
                 material={materials.Fanuc_WhitePlastic}
                 rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
@@ -120,22 +109,16 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
             <group name="CRX10iA_L01" position={[0, -0.117, 0]}>
               <mesh
                 name="J2BASE_UNIT001"
-                castShadow
-                receiveShadow
                 geometry={nodes.J2BASE_UNIT001.geometry}
                 material={materials.Fanuc_Green}
               />
               <mesh
                 name="J2BASE_UNIT001_1"
-                castShadow
-                receiveShadow
                 geometry={nodes.J2BASE_UNIT001_1.geometry}
                 material={materials.Fanuc_WhitePlastic}
               />
               <mesh
                 name="J2BASE_UNIT001_2"
-                castShadow
-                receiveShadow
                 geometry={nodes.J2BASE_UNIT001_2.geometry}
                 material={materials.Fanuc_GreenLED}
               />
@@ -143,8 +126,6 @@ export function FANUC_CRX10iA({ modelURL, ...props }: RobotModelProps) {
           </animated.group>
           <mesh
             name="CRX10iA_L00"
-            castShadow
-            receiveShadow
             geometry={nodes.CRX10iA_L00.geometry}
             material={materials.Fanuc_BlackMetal}
             position={[0, -0.245, 0]}

package/src/components/robots/FANUC_CRX10iAL.tsx

@@ -6,7 +6,11 @@ FANUC_CRX10iAL.config = {
   rotationOffsets: [0, Math.PI / 2, 0, 0, 0, 0],
 }
 
-export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
+export function FANUC_CRX10iAL({
+  modelURL,
+  flangeRef,
+  ...props
+}: RobotModelProps) {
   const gltf = useGLTF(modelURL) as any
   const nodes = gltf.nodes
   const materials = gltf.materials
@@ -17,50 +21,36 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
         <group name="link_0">
           <mesh
             name="visuals_0"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0.geometry}
             material={materials.fanuc_metal_black}
           />
           <mesh
             name="visuals_0_1"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_1.geometry}
             material={materials.fanuc_stainless_steel}
           />
           <mesh
             name="visuals_0_2"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_2.geometry}
             material={materials.fanuc_metal_black}
           />
           <mesh
             name="visuals_0_3"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_3.geometry}
             material={materials.fanuc_stainless_steel}
           />
           <mesh
             name="visuals_0_4"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_4.geometry}
             material={materials.fanuc_aluminium_black}
           />
           <mesh
             name="visuals_0_5"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_5.geometry}
             material={materials.fanuc_aluminium_black}
           />
           <mesh
             name="visuals_0_6"
-            castShadow
-            receiveShadow
             geometry={nodes.visuals_0_6.geometry}
             material={materials.fanuc_rubber}
           />
@@ -86,6 +76,7 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
                     rotation={[-Math.PI / 2, 0, 0]}
                   >
                     <group
+                      ref={flangeRef}
                       name="FANUC_CRX10IAL_FLG"
                       position={[0, -0.16, 0]}
                       rotation={[-Math.PI, 0, 0]}
@@ -97,29 +88,21 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
                     >
                       <mesh
                         name="visuals_6"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.visuals_6.geometry}
                         material={materials.fanuc_metal_black}
                       />
                       <mesh
                         name="visuals_6_1"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.visuals_6_1.geometry}
                         material={materials.fanuc_stainless_steel}
                       />
                       <mesh
                         name="visuals_6_2"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.visuals_6_2.geometry}
                         material={materials.fanuc_aluminium_black}
                       />
                       <mesh
                         name="visuals_6_3"
-                        castShadow
-                        receiveShadow
                         geometry={nodes.visuals_6_3.geometry}
                         material={materials.fanuc_aluminium_black}
                       />
@@ -132,22 +115,16 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
                   >
                     <mesh
                       name="visuals_5"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.visuals_5.geometry}
                       material={materials.fanuc_white}
                     />
                     <mesh
                       name="visuals_5_1"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.visuals_5_1.geometry}
                       material={materials.fanuc_green}
                     />
                     <mesh
                       name="visuals_5_2"
-                      castShadow
-                      receiveShadow
                       geometry={nodes.visuals_5_2.geometry}
                       material={materials.fanuc_stainless_steel}
                     />
@@ -160,29 +137,21 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
                 >
                   <mesh
                     name="visuals_4"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.visuals_4.geometry}
                     material={materials.fanuc_white}
                   />
                   <mesh
                     name="visuals_4_1"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.visuals_4_1.geometry}
                     material={materials.fanuc_white}
                   />
                   <mesh
                     name="visuals_4_2"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.visuals_4_2.geometry}
                     material={materials.fanuc_metal_black}
                   />
                   <mesh
                     name="visuals_4_3"
-                    castShadow
-                    receiveShadow
                     geometry={nodes.visuals_4_3.geometry}
                     material={materials.fanuc_red}
                   />
@@ -195,15 +164,11 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
               >
                 <mesh
                   name="visuals_3"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.visuals_3.geometry}
                   material={materials.fanuc_white}
                 />
                 <mesh
                   name="visuals_3_1"
-                  castShadow
-                  receiveShadow
                   geometry={nodes.visuals_3_1.geometry}
                   material={materials.fanuc_green}
                 />
@@ -211,8 +176,6 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
             </animated.group>
             <mesh
               name="link_2"
-              castShadow
-              receiveShadow
               geometry={nodes.link_2.geometry}
               material={materials.fanuc_white}
               rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
@@ -221,22 +184,16 @@ export function FANUC_CRX10iAL({ modelURL, ...props }: RobotModelProps) {
           <group name="link_1">
             <mesh
               name="visuals_1"
-              castShadow
-              receiveShadow
               geometry={nodes.visuals_1.geometry}
               material={materials.fanuc_green}
             />
             <mesh
               name="visuals_1_1"
-              castShadow
-              receiveShadow
               geometry={nodes.visuals_1_1.geometry}
               material={materials.fanuc_white}
             />
             <mesh
               name="visuals_1_2"
-              castShadow
-              receiveShadow
               geometry={nodes.visuals_1_2.geometry}
               material={materials.fanuc_green}
             />