@wandelbots/wandelbots-js-react-components 1.51.2 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.51.2",
+  "version": "2.0.0",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -48,7 +48,8 @@
   "devDependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
-    "@mui/material": "^5.16.7",
+    "@mui/icons-material": "^6.4.0",
+    "@mui/material": "^6.4.0",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
@@ -92,7 +93,7 @@
     "storybook-dark-mode": "^4.0.2",
     "storybook-preset-inline-svg": "^1.0.1",
     "ts-dedent": "^2.2.0",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.3",
     "unplugin": "^1.15.0",
     "vite": "^5.4.10",
     "vite-plugin-svgr": "^4.3.0",
@@ -102,7 +103,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5",
+    "@mui/icons-material": "^6",
+    "@mui/material": "^6",
     "@react-spring/three": ">=9",
     "@react-three/drei": ">=9",
     "@react-three/fiber": ">=8",
@@ -118,8 +120,6 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.6.0",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/lab": "^5.0.0-alpha.173",
     "@shikijs/monaco": "^1.22.2",
     "@wandelbots/wandelbots-js": "^1.12.0",
     "i18next-browser-languagedetector": "^8.0.0",

package/src/components/jogging/JoggingToggleButtonGroup.tsx

@@ -1,7 +1,8 @@
+import type { ToggleButtonGroupProps } from "@mui/material"
 import { styled, ToggleButtonGroup } from "@mui/material"
 
-export const JoggingToggleButtonGroup = styled(ToggleButtonGroup)(
-  ({ theme }) => ({
+export const JoggingToggleButtonGroup: React.ComponentType<ToggleButtonGroupProps> =
+  styled(ToggleButtonGroup)(({ theme }) => ({
     "&.MuiToggleButtonGroup-root": {
       background: theme.palette.backgroundPaperElevation?.[8],
       borderRadius: "8px",
@@ -21,5 +22,4 @@ export const JoggingToggleButtonGroup = styled(ToggleButtonGroup)(
         },
       },
     },
-  }),
-)
+  }))

package/dist/components/LoadingButton.d.ts

@@ -1,5 +0,0 @@
-/** Button with a loading state to indicate a task is being processed */
-export declare const LoadingButton: import("react").ForwardRefExoticComponent<Omit<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "children" | "color" | "size" | "className" | "style" | "tabIndex" | "loading" | "classes" | "sx" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon" | "loadingIndicator" | "loadingPosition">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=LoadingButton.d.ts.map

package/dist/components/LoadingButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingButton.d.ts","sourceRoot":"","sources":["../../src/components/LoadingButton.tsx"],"names":[],"mappings":"AAKA,wEAAwE;AACxE,eAAO,MAAM,aAAa;;4fAYzB,CAAA"}

package/src/components/LoadingButton.tsx

@@ -1,19 +0,0 @@
-import { LoadingButton as MUILoadingButton } from "@mui/lab"
-import { forwardRef } from "react"
-
-type LoadingButtonProps = React.ComponentProps<typeof MUILoadingButton>
-
-/** Button with a loading state to indicate a task is being processed */
-export const LoadingButton = forwardRef<HTMLButtonElement, LoadingButtonProps>(
-  ({ sx, ...rest }, ref) => {
-    return (
-      <MUILoadingButton
-        sx={{
-          ...sx,
-        }}
-        ref={ref}
-        {...rest}
-      />
-    )
-  },
-)