@wandelbots/wandelbots-js-react-components 1.10.2 → 1.10.4

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "1.10.2",
+  "version": "1.10.4",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
+  "type": "module",
+  "sideEffects": false,
   "files": [
     "dist",
     "src",
     "README.md"
   ],
-  "type": "module",
   "module": "./dist/index.js",
   "main": "./dist/index.cjs",
   "exports": {

package/src/components/ThemeSelect.tsx

@@ -1,7 +1,7 @@
 // TODO implement this as part of theme?
 
 import { Select, useTheme, type SxProps } from "@mui/material"
-import { defaultsDeep } from "lodash-es"
+import defaultsDeep from "lodash-es/defaultsDeep"
 
 type ThemeSelectProps = {
   kind: "filled" | "outlined" | "text"

package/src/components/VelocitySlider.tsx

@@ -1,5 +1,5 @@
 import Slider from "@mui/material/Slider"
-import { isNumber } from "lodash-es"
+import isNumber from "lodash-es/isNumber"
 import { observer } from "mobx-react-lite"
 import { Stack, Typography, useTheme } from "@mui/material"
 

package/src/components/jogging/JoggingJointLimitDetector.tsx

@@ -1,7 +1,7 @@
 import { Typography } from "@mui/material"
 import { useTranslation } from "react-i18next"
 import { useState } from "react"
-import { isEqual } from "lodash-es"
+import isEqual from "lodash-es/isEqual"
 import { useAnimationFrame } from "../utils/hooks"
 import type { JoggingStore } from "./JoggingStore"
 

package/src/components/jogging/JoggingJointRotationControl.tsx

@@ -5,7 +5,7 @@ import ChevronLeft from "@mui/icons-material/ChevronLeft"
 import ChevronRight from "@mui/icons-material/ChevronRight"
 import { useAnimationFrame } from "../utils/hooks"
 import { useState } from "react"
-import { throttle } from "lodash-es"
+import throttle from "lodash-es/throttle"
 import { useTranslation } from "react-i18next"
 
 type JoggingJointRotationControlProps = {

package/src/components/jogging/JoggingStore.tsx

@@ -1,4 +1,5 @@
-import { keyBy, uniqueId } from "lodash-es"
+import keyBy from "lodash-es/keyBy"
+import uniqueId from "lodash-es/uniqueId"
 import { autorun, makeAutoObservable, type IReactionDisposer } from "mobx"
 import type {
   CoordinateSystem,

package/src/themes/theming.ts

@@ -2,7 +2,7 @@
 
 import type { Theme } from "@mui/material/styles"
 import { createTheme } from "@mui/material/styles"
-import { defaultsDeep } from "lodash-es"
+import defaultsDeep from "lodash-es/defaultsDeep"
 
 /**
  * The palette of named colors we pick from for