@wandelbots/wandelbots-js-react-components 1.11.1 → 1.11.2

package/src/components/jogging/JoggingPanel.stories.tsx

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { JoggingPanel } from "../../index"
-import { useArgs } from "@storybook/preview-api"
-import { NovaClient } from "@wandelbots/wandelbots-js"
-
-const meta: Meta<typeof JoggingPanel> = {
-  component: JoggingPanel,
-
-  args: {
-    motionGroupId: "0@mock-ur5e",
-  },
-  render: function Component(args) {
-    const [, setArgs] = useArgs()
-    return (
-      <JoggingPanel
-        {...args}
-        nova={
-          new NovaClient({
-            instanceUrl: "https://mock",
-            mock: true,
-          })
-        }
-      />
-    )
-  },
-}
-export default meta
-
-export const Default: StoryObj<typeof JoggingPanel> = {}

package/src/components/robots/SupportedRobot.stories.tsx

@@ -1,130 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { useState } from "react"
-import { Canvas } from "@react-three/fiber"
-import { Euler, Vector3, WebGLRenderer } from "three"
-import { OrbitControls, Grid } from "@react-three/drei"
-import { SupportedRobot } from "./SupportedRobot"
-import type {
-  Joints,
-  MotionGroupStateJointLimitReached,
-  MotionGroupStateResponse,
-  MotionVector,
-  TcpPose,
-} from "@wandelbots/wandelbots-js"
-import { Setup } from "../../Setup"
-
-export default {
-  title: "Components/SupportedRobot",
-  component: SupportedRobot,
-  decorators: [
-    (Story) => (
-      <div
-        style={{
-          width: "100%",
-          height: "100vh",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-        }}
-      >
-        <Setup cameraPosition={new Vector3(0, 0, 3)}>
-          <group position={[0, -0.25, 0]}>
-            <Story />
-          </group>
-        </Setup>
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof SupportedRobot>
-
-type Story = StoryObj<typeof SupportedRobot>
-
-function SupportedRobotScene(
-  props: React.ComponentProps<typeof SupportedRobot>,
-) {
-  const rapidlyChangingMotionState: MotionGroupStateResponse = {
-    state: {
-      motion_group: "",
-      controller: "",
-      joint_position: {
-        joints: [0, 0, 0, 0, 0, 0],
-      } as Joints,
-      joint_velocity: {
-        joints: [0, 0, 0, 0, 0, 0],
-      } as Joints,
-      tcp_pose: {
-        position: { x: 0, y: 0, z: 0 },
-        orientation: { x: 0, y: 0, z: 0 },
-        coordinate_system: "world",
-        tcp: "flange",
-      } as TcpPose,
-      velocity: {
-        linear: { x: 0, y: 0, z: 0 },
-        angular: { x: 0, y: 0, z: 0 },
-        coordinate_system: "world",
-      } as MotionVector,
-      joint_limit_reached: {
-        limit_reached: [false, false, false, false, false, false],
-      } as MotionGroupStateJointLimitReached,
-    },
-  }
-
-  return (
-    <SupportedRobot
-      {...props}
-      rapidlyChangingMotionState={rapidlyChangingMotionState}
-      dhParameters={[
-        {
-          a: 0,
-          d: 0,
-          alpha: 1.5707963267948966,
-          theta: 0,
-          reverse_rotation_direction: false,
-        },
-        {
-          a: 710,
-          d: 0,
-          alpha: 0,
-          theta: 1.5707963267948966,
-          reverse_rotation_direction: false,
-        },
-        {
-          a: 0,
-          d: 0,
-          alpha: -1.5707963267948966,
-          theta: 0,
-          reverse_rotation_direction: false,
-        },
-        {
-          a: 0,
-          d: -540,
-          alpha: 1.5707963267948966,
-          theta: 0,
-          reverse_rotation_direction: false,
-        },
-        {
-          a: 0,
-          d: 150,
-          alpha: -1.5707963267948966,
-          theta: 0,
-          reverse_rotation_direction: false,
-        },
-        {
-          a: 0,
-          d: -160,
-          alpha: 3.141592653589793,
-          theta: 0,
-          reverse_rotation_direction: false,
-        },
-      ]}
-    />
-  )
-}
-
-export const SupportedRobotSceneSt = {
-  args: {
-    modelFromController: "FANUC_CRX25iAL",
-  },
-  render: (args) => <SupportedRobotScene {...args} />,
-  name: "Default",
-} satisfies Story

package/src/components/wandelscript-editor/WandelscriptEditor.stories.tsx

@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { WandelscriptEditor } from "../../index"
-
-const meta: Meta<typeof WandelscriptEditor> = {
-  component: WandelscriptEditor,
-}
-export default meta
-
-const defaultCode = `start = [832, -452, 289]  # The start position of the edge
-end = [817, 168, 288]  # The end position of the edge
-point_a = [602, 163, -100]  # Any point on the left plane (looking from start to end)
-point_b = [1033, 173, -100]  # Any point on the right plane (looking from start to end)
-radius = 20  # the desired radius of the final edge
-spacing = 10  #  the distance between to zig-zag corners
-
-n = int(distance(start, end) / spacing)
-
-edge_poses = find_edge(start, end, point_a, start, end,point_b)
-plane_orientations = {to_orientation(edge_poses[0]), to_orientation(edge_poses[1])}
-center_rotation = interpolate(plane_orientations[0], plane_orientations[1], 0.5)
-
-offset = [0, 0, -radius, 0, 0, 0]
-offset_from_axis =  center_rotation ::[0, 0, distance_from_corner(edge_poses[0], edge_poses[1], radius), 0, 0, 0]:: ~center_rotation
-
-move via p2p() to to_pose(start)::offset_from_axis :: plane_orientations[0] :: offset
-for i = 0..<int(n / 2) - 1:
-    a = interpolate(to_pose(start), to_pose(end),(2 * i + 1) / n )  ::offset_from_axis :: center_rotation :: offset
-    b = interpolate(to_pose(start), to_pose(end),(2 * i + 2) / n )  ::offset_from_axis :: plane_orientations[modulo(i + 1, 2)] :: offset
-    move via arc(a) to b
-    if i == 10:
-        test_pose = planned_pose()
-`
-
-export const Editor: StoryObj<typeof WandelscriptEditor> = {
-  args: {
-    code: defaultCode,
-  },
-  render: (props) => {
-    return (
-      <div style={{ height: "400px" }}>
-        <WandelscriptEditor {...props} />
-      </div>
-    )
-  },
-}

package/src/themes/novaTheme.stories.tsx

@@ -1,77 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { Color, ColorSection } from "./color"
-import { useTheme } from "@mui/material"
-
-const ColorPalette = () => {
-  const theme = useTheme()
-
-  return (
-    <div
-      style={{
-        fontFamily: "sans-serif",
-      }}
-    >
-      <ColorSection name="Palette">
-        <Color name="Primary" color={theme.palette.primary.main} />
-        <Color name="Secondary" color={theme.palette.secondary.main} />
-        <Color name="Background" color={theme.palette.background.default} />
-      </ColorSection>
-      <ColorSection name="Text">
-        <Color name="Primary" color={theme.palette.text.primary} />
-        <Color name="Secondary" color={theme.palette.text.secondary} />
-      </ColorSection>
-      <ColorSection name="Button">
-        <Color
-          name="Primary Background"
-          color={theme.nova.colors.buttonPrimary.background}
-        />
-        <Color
-          name="Primary Text"
-          color={theme.nova.colors.buttonPrimary.text}
-        />
-        <Color
-          name="Secondary Background"
-          color={theme.nova.colors.buttonSecondary.background}
-        />
-        <Color
-          name="Secondary Text"
-          color={theme.nova.colors.buttonSecondary.background}
-        />
-        <Color
-          name="Back Background"
-          color={theme.nova.colors.buttonBack.background}
-        />
-        <Color name="Back Text" color={theme.nova.colors.buttonBack.text} />
-      </ColorSection>
-      <ColorSection name="Input Field">
-        <Color
-          name="Background"
-          color={theme.nova.colors.inputField.background}
-        />
-        <Color name="Text" color={theme.nova.colors.inputField.text} />
-        <Color
-          name="Unit Background"
-          color={theme.nova.colors.inputField.unitBackground}
-        />
-        <Color name="Unit Text" color={theme.nova.colors.inputField.unitText} />
-      </ColorSection>
-    </div>
-  )
-}
-
-const meta: Meta<typeof ColorPalette> = {
-  component: ColorPalette,
-  parameters: {
-    docs: {
-      description: {
-        story: "",
-      },
-    },
-  },
-}
-
-export default meta
-
-type Story = StoryObj<typeof ColorPalette>
-
-// export const colorPalette: Story = {}