@wandelbots/wandelbots-js-react-components 4.7.1 → 4.7.2-pr.ci-storybook-fixes.564.bf1f9c8

package/README.md

@@ -13,7 +13,7 @@ See the [Storybook](https://wandelbotsgmbh.github.io/wandelbots-js-react-compone
 ## Install
 
 ```bash
-npm install @wandelbots/wandelbots-js-react-components react react-dom @mui/material @emotion/react @emotion/styled
+pnpm add @wandelbots/wandelbots-js-react-components react react-dom @mui/material @emotion/react @emotion/styled
 ```
 
 Some modules require extra dependencies, like three.js. If you don't need 3D rendering in your application, always import from `/core`.
@@ -42,7 +42,7 @@ import { WandelscriptEditor } from "@wandelbots/wandelbots-js-react-components/w
 You can also import from the top-level package, but then you'll need to provide all optional dependencies:
 
 ```bash
-npm install @wandelbots/wandelbots-js-react-components \
+pnpm add @wandelbots/wandelbots-js-react-components \
  react react-dom \
  @mui/material @mui/icons-material @emotion/react @emotion/styled \
  three @react-three/fiber @react-three/drei three-stdlib \
@@ -241,8 +241,8 @@ To set up the project for development:
 ```bash
 git clone https://github.com/wandelbotsgmbh/wandelbots-js-react-components.git
 cd wandelbots-js-react-components
-npm install
-npm run dev  # Start Storybook development server
+pnpm install
+pnpm dev  # Start Storybook development server
 ```
 
 ## Robot Model Testing
@@ -252,9 +252,9 @@ View Robot Models in web view:
 ```bash
 git clone https://github.com/wandelbotsgmbh/wandelbots-js-react-components.git
 cd wandelbots-js-react-components
-npm install
-npm run td <instanceProviderURL> # instanceProviderURL can be provided via an instanceProviderConfig.json file. The entire command can be substituted by writing a nova instance ip into a file named .env.local
-npm run dev  # Start Storybook development server
+pnpm install
+pnpm td <instanceProviderURL> # instanceProviderURL can be provided via an instanceProviderConfig.json file. The entire command can be substituted by writing a nova instance ip into a file named .env.local
+pnpm dev  # Start Storybook development server
 ```
 
 instanceProviderConfig.json file:
@@ -275,12 +275,12 @@ CELL_ID=cell
 Build and test the package locally:
 
 ```bash
-npm run build
-npm pack
-npm install /path/to/wandelbots-wandelbots-js-react-components-x.x.x.tgz
+pnpm build
+pnpm pack
+pnpm add /path/to/wandelbots-wandelbots-js-react-components-x.x.x.tgz
 ```
 
-> **Note:** Use `npm install` with the `.tgz` file instead of `npm link` due to peer dependency requirements with React Three Fiber components.
+> **Note:** Use `pnpm add` with the `.tgz` file instead of `pnpm link` due to peer dependency requirements with React Three Fiber components.
 
 ## Contributing
 

package/dist/3d.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MotionGroupVisualizer-C0ll-LQF.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.LinearAxis=e.LinearAxis;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.MotionGroupVisualizer=e.MotionGroupVisualizer;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedLinearAxis=e.SupportedLinearAxis;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MotionGroupVisualizer-ylYruUuf.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.LinearAxis=e.LinearAxis;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.MotionGroupVisualizer=e.MotionGroupVisualizer;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedLinearAxis=e.SupportedLinearAxis;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
 //# sourceMappingURL=3d.cjs.js.map

package/dist/3d.es.js

@@ -1,4 +1,4 @@
-import { C as o, L as r, M as s, a as t, P as n, R as i, b as d, S as f, c as u, d as R, T as l, e as C, f as p, g as M, h as S } from "./MotionGroupVisualizer-7Mw9PINy.js";
+import { C as o, L as r, M as s, h as t, P as n, b as i, R as d, S as f, c as u, f as R, T as l, a as C, d as p, e as M, g as S } from "./MotionGroupVisualizer-BoO_BDsJ.js";
 export {
   o as CollisionSceneRenderer,
   r as LinearAxis,

package/dist/{MotionGroupVisualizer-7Mw9PINy.js → MotionGroupVisualizer-BoO_BDsJ.js}

@@ -2,13 +2,13 @@ import { j as e, d as Te, v as Z, o as Se, e as U } from "./externalizeComponent
 import * as g from "three";
 import { Matrix4 as R, Vector3 as k, Quaternion as B } from "three";
 import { ConvexGeometry as W, RoundedBoxGeometry as Ge } from "three-stdlib";
-import ke, { useEffect as M, useMemo as C, useRef as _, useCallback as G, useState as A, Suspense as ae } from "react";
-import { useThree as le, useFrame as ce, Canvas as z } from "@react-three/fiber";
+import { useThree as ae, useFrame as le, Canvas as z } from "@react-three/fiber";
+import ke, { useEffect as M, useMemo as C, useRef as _, useCallback as G, useState as A, Suspense as ce } from "react";
 import { Environment as Ae, Lightformer as L, Line as $, useGLTF as Le, Bounds as ee } from "@react-three/drei";
 import { useTheme as Fe, Card as Pe, Box as v, Typography as te, Divider as re, Button as ne } from "@mui/material";
 import { observer as Ve } from "mobx-react-lite";
 import { useTranslation as Ie } from "react-i18next";
-import { N as De, V as ue, c as pe, b as se, M as T, J as O } from "./interpolation-B8AcxfdD.js";
+import { N as De, V as ue, c as pe, b as se, M as T, J as O } from "./interpolation-CkcF45RM.js";
 import { ErrorBoundary as de } from "react-error-boundary";
 function Oe(t) {
   switch (t.shape_type) {
@@ -187,13 +187,23 @@ function lt({
     polygonOffset: !0
   }, s = Te(n ?? []);
   M(() => {
-    Array.isArray(t) && console.warn("SafetyZonesRenderer: The support of V1 safety zones is deprecated. Please migrate to V2 safety zones.");
+    Array.isArray(t) && console.warn(
+      "SafetyZonesRenderer: The support of V1 safety zones is deprecated. Please migrate to V2 safety zones."
+    );
   }, [t]);
   const f = (p, i) => {
     var m, j;
     if (!((m = i == null ? void 0 : i.pose) != null && m.position) || !((j = i == null ? void 0 : i.pose) != null && j.orientation))
       return null;
-    const o = new g.Vector3(i.pose.position[0] / 1e3, i.pose.position[1] / 1e3, i.pose.position[2] / 1e3), a = new g.Vector3(i.pose.orientation[0], i.pose.orientation[1], i.pose.orientation[2]);
+    const o = new g.Vector3(
+      i.pose.position[0] / 1e3,
+      i.pose.position[1] / 1e3,
+      i.pose.position[2] / 1e3
+    ), a = new g.Vector3(
+      i.pose.orientation[0],
+      i.pose.orientation[1],
+      i.pose.orientation[2]
+    );
     let c;
     const y = i.shape.shape_type === "plane" ? { ...l, side: g.DoubleSide } : { ...l, side: g.FrontSide };
     switch (i.shape.shape_type) {
@@ -235,7 +245,13 @@ function lt({
           x.push(F);
         }
         try {
-          c = /* @__PURE__ */ e.jsx("primitive", { object: new W(x), attach: "geometry" });
+          c = /* @__PURE__ */ e.jsx(
+            "primitive",
+            {
+              object: new W(x),
+              attach: "geometry"
+            }
+          );
         } catch (b) {
           return console.log("Error creating ConvexGeometry:", b), null;
         }
@@ -250,11 +266,20 @@ function lt({
        */
       case "rectangular_capsule": {
         const x = i.shape, w = x.radius / 1e3, b = x.sphere_center_distance_x / 1e3, F = x.sphere_center_distance_y / 1e3, H = w * 2;
-        c = /* @__PURE__ */ e.jsx("primitive", { object: new Ge(b, F, H, 2, w), attach: "geometry" });
+        c = /* @__PURE__ */ e.jsx(
+          "primitive",
+          {
+            object: new Ge(b, F, H, 2, w),
+            attach: "geometry"
+          }
+        );
         break;
       }
       default:
-        console.warn("Unsupported safety zone shape type:", i.shape.shape_type), c = null;
+        console.warn(
+          "Unsupported safety zone shape type:",
+          i.shape.shape_type
+        ), c = null;
     }
     return /* @__PURE__ */ e.jsxs(
       "mesh",
@@ -264,53 +289,69 @@ function lt({
         quaternion: Se(a),
         children: [
           c,
-          /* @__PURE__ */ e.jsx(
-            "meshStandardMaterial",
-            {
-              ...y,
-              polygonOffsetFactor: -p
-            }
-          )
+          /* @__PURE__ */ e.jsx("meshStandardMaterial", { ...y, polygonOffsetFactor: -p })
         ]
       },
       `safety-zone-${i.shape.shape_type}-${p}`
     );
-  }, u = () => Object.values(t ?? {}).map((p, i) => f(i, p)), h = () => Array.isArray(t) ? t.map((p, i) => {
-    let o = [];
-    return p.geometry && (p.geometry.compound ? o = p.geometry.compound.child_geometries : p.geometry.convex_hull && (o = [p.geometry])), o.map((a, c) => {
-      if (!a.convex_hull) return null;
-      const y = a.convex_hull.vertices.map(
-        (x) => new g.Vector3(x.x / 1e3, x.y / 1e3, x.z / 1e3)
-      ), m = Z(y);
-      if (m.isCoplanar && m.normal) {
-        const w = new g.Vector3().addVectors(
-          y[0],
-          m.normal.multiplyScalar(1e-4)
+  }, u = () => Object.values(t ?? {}).map(
+    (p, i) => f(i, p)
+  ), h = () => Array.isArray(t) ? t.map(
+    (p, i) => {
+      let o = [];
+      return p.geometry && (p.geometry.compound ? o = p.geometry.compound.child_geometries : p.geometry.convex_hull && (o = [p.geometry])), o.map((a, c) => {
+        if (!a.convex_hull) return null;
+        const y = a.convex_hull.vertices.map(
+          (x) => new g.Vector3(x.x / 1e3, x.y / 1e3, x.z / 1e3)
+        ), m = Z(y);
+        if (m.isCoplanar && m.normal) {
+          const w = new g.Vector3().addVectors(
+            y[0],
+            m.normal.multiplyScalar(1e-4)
+          );
+          y.push(w);
+        }
+        let j;
+        try {
+          j = new W(y);
+        } catch (x) {
+          return console.log("Error creating ConvexGeometry:", x), null;
+        }
+        return /* @__PURE__ */ e.jsx(
+          "mesh",
+          {
+            position: new g.Vector3(
+              a.init_pose.position.x,
+              a.init_pose.position.y,
+              a.init_pose.position.z
+            ),
+            quaternion: new g.Quaternion(
+              a.init_pose.orientation.x,
+              a.init_pose.orientation.y,
+              a.init_pose.orientation.z,
+              a.init_pose.orientation.w
+            ),
+            geometry: j,
+            children: /* @__PURE__ */ e.jsx(
+              "meshStandardMaterial",
+              {
+                attach: "material",
+                color: "#009f4d",
+                opacity: 0.2,
+                depthTest: !1,
+                depthWrite: !1,
+                transparent: !0,
+                polygonOffset: !0,
+                polygonOffsetFactor: -c
+              },
+              i
+            )
+          },
+          `${i}-${c}`
         );
-        y.push(w);
-      }
-      let j;
-      try {
-        j = new W(y);
-      } catch (x) {
-        return console.log("Error creating ConvexGeometry:", x), null;
-      }
-      return /* @__PURE__ */ e.jsx("mesh", { geometry: j, children: /* @__PURE__ */ e.jsx(
-        "meshStandardMaterial",
-        {
-          attach: "material",
-          color: "#009f4d",
-          opacity: 0.2,
-          depthTest: !1,
-          depthWrite: !1,
-          transparent: !0,
-          polygonOffset: !0,
-          polygonOffsetFactor: -c
-        },
-        i
-      ) }, `${i}-${c}`);
-    });
-  }) : null, d = C(() => Array.isArray(t) ? h() : u(), [t, h, u]);
+      });
+    }
+  ) : null, d = C(() => Array.isArray(t) ? h() : u(), [t, h, u]);
   return /* @__PURE__ */ e.jsx("group", { ...r, children: d });
 }
 function ct({
@@ -390,7 +431,7 @@ function xe({
   onRotationChanged: r,
   children: l
 }) {
-  const s = _([]), f = _([]), u = _(null), { invalidate: h } = le();
+  const s = _([]), f = _([]), u = _(null), { invalidate: h } = ae();
   M(() => {
     const o = t.joint_position.filter(
       (a) => a !== void 0
@@ -405,7 +446,7 @@ function xe({
       var a;
       (a = u.current) == null || a.destroy();
     };
-  }, []), ce((o, a) => {
+  }, []), le((o, a) => {
     if (u.current) {
       const c = u.current.update(a);
       p(), c || h();
@@ -680,7 +721,7 @@ const je = (t, n) => {
           console.warn(c);
         },
         children: [
-          /* @__PURE__ */ e.jsx(ae, { fallback: a, children: /* @__PURE__ */ e.jsx("group", { ref: o, children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(ce, { fallback: a, children: /* @__PURE__ */ e.jsx("group", { ref: o, children: /* @__PURE__ */ e.jsx(
             xe,
             {
               rapidlyChangingMotionState: t,
@@ -1076,7 +1117,7 @@ function Re({
   onTranslationChanged: r,
   children: l
 }) {
-  const s = _([]), f = _([]), u = _(null), { invalidate: h } = le();
+  const s = _([]), f = _([]), u = _(null), { invalidate: h } = ae();
   M(() => {
     const o = t.joint_position.filter(
       (a) => a !== void 0
@@ -1091,7 +1132,7 @@ function Re({
       var a;
       (a = u.current) == null || a.destroy();
     };
-  }, []), ce((o, a) => {
+  }, []), le((o, a) => {
     if (u.current) {
       const c = u.current.update(a);
       p(), c || h();
@@ -1229,7 +1270,7 @@ const _e = U(
           console.warn(c);
         },
         children: [
-          /* @__PURE__ */ e.jsx(ae, { fallback: a, children: /* @__PURE__ */ e.jsx("group", { ref: o, children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(ce, { fallback: a, children: /* @__PURE__ */ e.jsx("group", { ref: o, children: /* @__PURE__ */ e.jsx(
             Re,
             {
               rapidlyChangingMotionState: t,
@@ -1351,16 +1392,16 @@ export {
   dt as L,
   ie as M,
   oe as P,
-  Ye as R,
+  ut as R,
   lt as S,
   ct as T,
-  ht as a,
-  ut as b,
+  pt as a,
+  Ye as b,
   _e as c,
-  be as d,
-  pt as e,
-  E as f,
-  Xe as g,
-  ft as h
+  E as d,
+  Xe as e,
+  be as f,
+  ft as g,
+  ht as h
 };
-//# sourceMappingURL=MotionGroupVisualizer-7Mw9PINy.js.map
+//# sourceMappingURL=MotionGroupVisualizer-BoO_BDsJ.js.map