@wandelbots/wandelbots-js-react-components 1.29.2 → 1.30.0

package/src/icons/jog-minus.svg

@@ -0,0 +1,5 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="JogMinus">
+<path id="Minus" d="M0 13V8H21V13H0Z" fill="white"/>
+</g>
+</svg>

package/src/icons/jog-plus.svg

@@ -0,0 +1,9 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="JogPlus">
+<g id="Plus">
+<path d="M0 13V8H8V13H0Z" fill="white"/>
+<path d="M8 0L13 2.18557e-07L13 21H8L8 0Z" fill="white"/>
+<path d="M13 13V8H21V13H13Z" fill="white"/>
+</g>
+</g>
+</svg>

package/src/index.ts

@@ -4,6 +4,8 @@ export * from "./components/jogging/JoggingCartesianAxisControl"
 export * from "./components/jogging/JoggingJointRotationControl"
 export * from "./components/jogging/JoggingPanel"
 export type { JoggingStore } from "./components/jogging/JoggingStore"
+export * from "./components/jogging/PoseCartesianValues"
+export * from "./components/jogging/PoseJointValues"
 export * from "./components/LoadingCover"
 export * from "./components/modal/NoMotionGroupModal"
 export * from "./components/robots/AxisConfig"

package/src/themes/createDarkTheme.ts

@@ -124,7 +124,7 @@ export function createDarkTheme(): Theme {
       MuiDivider: {
         styleOverrides: {
           root: {
-            border: "1px solid",
+            height: "1px",
           },
         },
       },
@@ -206,19 +206,34 @@ export function createDarkTheme(): Theme {
           X: {
             backgroundColor: "rgba(215, 66, 56, 1)",
             borderColor: "rgba(215, 66, 56, 1)",
-            buttonBackgroundColor: "rgba(241, 77, 66, 1)",
+            buttonBackgroundColor: {
+              default: "rgba(241, 77, 66, 1)",
+              pressed: "rgba(138, 41, 35, 1)",
+              hovered: "rgba(241, 77, 66, 1)",
+              disabled: "rgba(241, 77, 66, 1)",
+            },
             color: "rgba(255, 255, 255, 1)",
           },
           Y: {
             backgroundColor: "rgba(20, 151, 108, 1)",
             borderColor: "rgba(20, 151, 108, 1)",
-            buttonBackgroundColor: "rgba(28, 188, 135, 1)",
+            buttonBackgroundColor: {
+              default: "rgba(28, 188, 135, 1)",
+              pressed: "rgba(11, 89, 63, 1)",
+              disabled: "rgba(28, 188, 135, 1)",
+              hovered: "rgba(28, 188, 135, 1)",
+            },
             color: "rgba(255, 255, 255, 1)",
           },
           Z: {
             backgroundColor: "rgba(1, 87, 155, 1)",
             borderColor: "rgba(1, 87, 155, 1)",
-            buttonBackgroundColor: "rgba(2, 136, 209, 1)",
+            buttonBackgroundColor: {
+              default: "rgba(2, 136, 209, 1)",
+              pressed: "rgba(2, 64, 114, 1)",
+              disabled: "rgba(2, 136, 209, 1)",
+              hovered: "rgba(2, 136, 209, 1)",
+            },
             color: "rgba(255, 255, 255, 1)",
           },
         },

package/src/themes/themeTypes.ts

@@ -17,7 +17,12 @@ export interface AxisControlComponentColors {
   color?: string
   borderColor?: string
   backgroundColor?: string
-  buttonBackgroundColor?: string
+  buttonBackgroundColor?: {
+    default?: string
+    pressed?: string
+    disabled?: string
+    hovered?: string
+  }
 }
 
 interface NovaComponentsExtension {

package/dist/src/components/jogging/JoggingCartesianValues.d.ts

@@ -1,7 +0,0 @@
-import type { JoggingStore } from "./JoggingStore";
-export declare const JoggingCartesianValues: (({ store }: {
-    store: JoggingStore;
-}) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=JoggingCartesianValues.d.ts.map

package/dist/src/components/jogging/JoggingCartesianValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingCartesianValues.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingCartesianValues.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,eAAO,MAAM,sBAAsB,eACrB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CAwCpC,CAAA"}

package/dist/src/components/jogging/JoggingJointValues.d.ts

@@ -1,7 +0,0 @@
-import type { JoggingStore } from "./JoggingStore";
-export declare const JoggingJointValues: (({ store }: {
-    store: JoggingStore;
-}) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=JoggingJointValues.d.ts.map

package/dist/src/components/jogging/JoggingJointValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JoggingJointValues.d.ts","sourceRoot":"","sources":["../../../../src/components/jogging/JoggingJointValues.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,eAAO,MAAM,kBAAkB,eACjB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CAoCpC,CAAA"}

package/src/components/jogging/JoggingCartesianValues.tsx

@@ -1,50 +0,0 @@
-import { observer } from "mobx-react-lite"
-import { Stack } from "@mui/material"
-import { useRef } from "react"
-import { poseToWandelscriptString } from "@wandelbots/wandelbots-js"
-import { useAnimationFrame } from "../utils/hooks"
-import type { JoggingStore } from "./JoggingStore"
-import { CopyableText } from "../CopyableText"
-
-export const JoggingCartesianValues = observer(
-  ({ store }: { store: JoggingStore }) => {
-    const poseHolderRef = useRef<HTMLDivElement>(null)
-
-    function getCurrentPoseString() {
-      const tcpPose =
-        store.jogger.motionStream.rapidlyChangingMotionState.tcp_pose
-      if (!tcpPose) return ""
-      return poseToWandelscriptString(tcpPose)
-    }
-
-    useAnimationFrame(() => {
-      if (!poseHolderRef.current) {
-        return
-      }
-
-      poseHolderRef.current.textContent = getCurrentPoseString()
-    })
-
-    return (
-      <Stack
-        alignItems="left"
-        spacing={2}
-        sx={{
-          padding: "8px 16px",
-          paddingTop: "16px",
-          "& label": {
-            opacity: 0.7,
-            fontSize: "12px",
-            marginBottom: "4px",
-          },
-        }}
-      >
-        <CopyableText
-          label={"Pose"}
-          value={getCurrentPoseString()}
-          ref={poseHolderRef}
-        />
-      </Stack>
-    )
-  },
-)

package/src/components/jogging/JoggingJointValues.tsx

@@ -1,45 +0,0 @@
-import { Stack } from "@mui/material"
-import { observer } from "mobx-react-lite"
-import { useRef } from "react"
-import { CopyableText } from "../CopyableText"
-import { useAnimationFrame } from "../utils/hooks"
-import type { JoggingStore } from "./JoggingStore"
-
-export const JoggingJointValues = observer(
-  ({ store }: { store: JoggingStore }) => {
-    const poseHolderRef = useRef<HTMLDivElement>(null)
-
-    function getCurrentPoseString() {
-      const { joints } =
-        store.jogger.motionStream.rapidlyChangingMotionState.state
-          .joint_position
-      return `[${joints.map((j) => parseFloat(j.toFixed(4))).join(", ")}]`
-    }
-
-    useAnimationFrame(() => {
-      if (!poseHolderRef.current) return
-      poseHolderRef.current.textContent = getCurrentPoseString()
-    })
-
-    return (
-      <Stack
-        alignItems="left"
-        spacing={2}
-        sx={{
-          padding: "16px",
-          "& label": {
-            opacity: 0.7,
-            fontSize: "12px",
-            marginBottom: "4px",
-          },
-        }}
-      >
-        <CopyableText
-          // label={"Pose"}
-          value={getCurrentPoseString()}
-          ref={poseHolderRef}
-        />
-      </Stack>
-    )
-  },
-)