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

package/dist/index.d.ts

@@ -1,54 +0,0 @@
-export type * from "./components/wandelscript-editor/WandelscriptEditor";
-export declare const WandelscriptEditor: (props: {
-    code?: string;
-    onChange?: (code: string | undefined, ev: import("monaco-editor").editor.IModelContentChangedEvent) => void;
-    monacoOptions?: import("monaco-editor").editor.IEditorOptions;
-    monacoSetup?: (monaco: import("@monaco-editor/react").Monaco) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/robots/SupportedRobot";
-export declare const SupportedRobot: (props: import(".").SupportedRobotProps) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/robots/Robot";
-export declare const Robot: (props: import(".").ConnectecMotionGroupRobotProps) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/3d-viewport/PresetEnvironment";
-export declare const PresetEnvironment: (props: unknown) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/3d-viewport/SafetyZonesRenderer";
-export declare const SafetyZonesRenderer: (props: import(".").SafetyZonesRendererProps) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/jogging/JoggingCartesianAxisControl";
-export declare const JoggingCartesianAxisControl: (props: {
-    color?: string;
-    label: import("react").ReactNode;
-    getDisplayedValue: () => string;
-    startJogging: (direction: "-" | "+") => void;
-    stopJogging: () => void;
-    disabled?: boolean;
-} & import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps>) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/jogging/JoggingJointRotationControl";
-export declare const JoggingJointRotationControl: (props: {
-    startJogging: (direction: "-" | "+") => void;
-    stopJogging: () => void;
-    lowerLimitDegs?: number;
-    upperLimitDegs?: number;
-    getValueDegs: () => number | undefined;
-    disabled?: boolean;
-} & import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps>) => import("react/jsx-runtime").JSX.Element;
-export type { JoggingStore } from "./components/jogging/JoggingStore";
-export type * from "./components/jogging/JoggingPanel";
-export declare const JoggingPanel: (props: import(".").JoggingPanelProps) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/VelocitySlider";
-export declare const VelocitySlider: (props: {
-    min: number;
-    max: number;
-    velocity: number;
-    onVelocityChange: (newVelocity: number) => void;
-    disabled?: boolean;
-    valueLabelFormat?: (value: number) => string;
-}) => import("react/jsx-runtime").JSX.Element;
-export type * from "./components/modal/NoMotionGroupModal";
-export declare const NoMotionGroupModal: (props: string | undefined) => import("react/jsx-runtime").JSX.Element;
-export * from "./components/utils/hooks";
-export * from "./components/robots/AxisConfig";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,mBAAmB,qDAAqD,CAAA;AAExE,eAAO,MAAM,kBAAkB;;;;;6CAA2B,CAAA;AAE1D,mBAAmB,oCAAoC,CAAA;AAEvD,eAAO,MAAM,cAAc,qFAA2B,CAAA;AAEtD,mBAAmB,2BAA2B,CAAA;AAE9C,eAAO,MAAM,KAAK,gGAA0B,CAAA;AAE5C,mBAAmB,4CAA4C,CAAA;AAE/D,eAAO,MAAM,iBAAiB,6DAA2B,CAAA;AAEzD,mBAAmB,8CAA8C,CAAA;AAEjE,eAAO,MAAM,mBAAmB,0FAA4B,CAAA;AAE5D,mBAAmB,kDAAkD,CAAA;AAErE,eAAO,MAAM,2BAA2B;;;;;;;;;4JAA6B,CAAA;AAErE,mBAAmB,kDAAkD,CAAA;AAErE,eAAO,MAAM,2BAA2B;;;;;;;;;4JAA6B,CAAA;AAErE,YAAY,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AACrE,mBAAmB,mCAAmC,CAAA;AAEtD,eAAO,MAAM,YAAY,mFAA2B,CAAA;AAEpD,mBAAmB,6BAA6B,CAAA;AAEhD,eAAO,MAAM,cAAc;;;;;;;6CAA2B,CAAA;AAEtD,mBAAmB,uCAAuC,CAAA;AAE1D,eAAO,MAAM,kBAAkB,wEAA6B,CAAA;AAE5D,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA"}

package/dist/themes/color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/themes/color.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGtC,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsBxE;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAuDrE"}

package/dist/themes/novaTheme.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"novaTheme.stories.d.ts","sourceRoot":"","sources":["../../src/themes/novaTheme.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,YAAY,+CAuDjB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CASnC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/themes/theming.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theming.d.ts","sourceRoot":"","sources":["../../src/themes/theming.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAyBjD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;UACR,MAAM,GAAG,OAAO;;;;;;;;;;CAUjC,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,aAAa,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;CAWN,CAAA;AAErB;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,OAAO,CAAC,SAAS,CAAM,GAAG,SAAS,CAGxE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,SAAS,GAAG,KAAK,CA6FlE"}

package/src/components/LoadingButton.stories.tsx

@@ -1,54 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { LoadingButton } from "./LoadingButton"
-import { useState } from "react"
-import PlayArrow from "@mui/icons-material/PlayArrow"
-
-async function delay(ms: number) {
-  return new Promise<void>((resolve) => {
-    setTimeout(() => {
-      resolve()
-    }, ms)
-  })
-}
-
-const DemoLoader = (props: React.ComponentProps<typeof LoadingButton>) => {
-  const [isLoading, setIsLoading] = useState(false)
-
-  async function doThing() {
-    setIsLoading(true)
-    try {
-      await delay(1000)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  return <LoadingButton loading={isLoading} onClick={doThing} {...props} />
-}
-
-const meta: Meta<typeof LoadingButton> = {
-  component: LoadingButton,
-
-  args: {
-    children: "Click me",
-    loadingPosition: "start",
-    variant: "contained",
-    startIcon: <PlayArrow />,
-  },
-  argTypes: {
-    loadingPosition: {
-      options: ["center", "start", "end"],
-      control: { type: "select" },
-    },
-    variant: {
-      options: ["contained", "outlined", "text"],
-      control: { type: "select" },
-    },
-  },
-  render: (props) => {
-    return <DemoLoader {...props} />
-  },
-}
-export default meta
-
-export const Default: StoryObj<typeof LoadingButton> = {}

package/src/components/VelocitySlider.stories.tsx

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { VelocitySlider } from "../index"
-import { useArgs } from "@storybook/preview-api"
-
-const meta: Meta<typeof VelocitySlider> = {
-  component: VelocitySlider,
-
-  args: {
-    velocity: 1,
-    min: 1,
-    max: 100,
-    disabled: false,
-  },
-  render: function Component(args) {
-    const [, setArgs] = useArgs()
-
-    function onVelocityChange(newVelocity: number) {
-      args.onVelocityChange?.(newVelocity)
-      setArgs({ velocity: newVelocity })
-    }
-
-    return <VelocitySlider {...args} onVelocityChange={onVelocityChange} />
-  },
-}
-export default meta
-
-export const Default: StoryObj<typeof VelocitySlider> = {}

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

@@ -1,41 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { JoggingCartesianAxisControl } from "./JoggingCartesianAxisControl"
-import { useRef } from "react"
-import { useAnimationFrame } from "../utils/hooks"
-import { useArgs } from "@storybook/preview-api"
-
-const meta: Meta<typeof JoggingCartesianAxisControl> = {
-  component: JoggingCartesianAxisControl,
-
-  args: {
-    color: "#F14D42",
-    label: "X",
-    disabled: false,
-  },
-  render: function Component(args) {
-    const [, setArgs] = useArgs()
-
-    const joggingDirRef = useRef<"+" | "-" | null>(null)
-    const joggingValueRef = useRef(0)
-
-    useAnimationFrame(() => {
-      if (joggingDirRef.current === "+") {
-        joggingValueRef.current += 1
-      } else if (joggingDirRef.current === "-") {
-        joggingValueRef.current -= 1
-      }
-    })
-
-    return (
-      <JoggingCartesianAxisControl
-        {...args}
-        startJogging={(direction) => (joggingDirRef.current = direction)}
-        stopJogging={() => (joggingDirRef.current = null)}
-        getDisplayedValue={() => joggingValueRef.current.toString()}
-      />
-    )
-  },
-}
-export default meta
-
-export const Default: StoryObj<typeof JoggingCartesianAxisControl> = {}

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

@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { JoggingJointRotationControl } from "../../index"
-import { useRef } from "react"
-import { useAnimationFrame } from "../utils/hooks"
-
-const meta: Meta<typeof JoggingJointRotationControl> = {
-  component: JoggingJointRotationControl,
-
-  args: {
-    lowerLimitDegs: -360,
-    upperLimitDegs: 360,
-    disabled: false,
-  },
-  render: function Component(args) {
-    const joggingDirRef = useRef<"+" | "-" | null>(null)
-    const joggingValueRef = useRef(0)
-
-    useAnimationFrame(() => {
-      if (joggingDirRef.current === "+") {
-        joggingValueRef.current += 1
-        if (args.upperLimitDegs != null) {
-          joggingValueRef.current = Math.min(
-            joggingValueRef.current,
-            args.upperLimitDegs,
-          )
-        }
-      } else if (joggingDirRef.current === "-") {
-        joggingValueRef.current -= 1
-        if (args.lowerLimitDegs != null) {
-          joggingValueRef.current = Math.max(
-            joggingValueRef.current,
-            args.lowerLimitDegs,
-          )
-        }
-      }
-    })
-
-    return (
-      <JoggingJointRotationControl
-        {...args}
-        startJogging={(direction) => (joggingDirRef.current = direction)}
-        stopJogging={() => (joggingDirRef.current = null)}
-        getValueDegs={() => joggingValueRef.current}
-      />
-    )
-  },
-}
-export default meta
-
-export const Default: StoryObj<typeof JoggingJointRotationControl> = {}

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 = {}