@wandelbots/wandelbots-js-react-components 2.33.0-pr.feature-robot-precondition-list.372.3ad6c62 → 2.33.0-pr.feature-robot-precondition-list.372.da7759d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/DataGrid.d.ts.map +1 -1
  2. package/dist/components/RobotCard.d.ts.map +1 -1
  3. package/dist/index.cjs +33 -33
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +1441 -1436
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/DataGrid.tsx +8 -4
  9. package/src/components/RobotCard.tsx +6 -5
  10. package/src/components/RobotListItem.tsx +5 -5
  11. package/src/components/RobotSetupReadinessIndicator.tsx +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wandelbots/wandelbots-js-react-components",
3
- "version": "2.33.0-pr.feature-robot-precondition-list.372.3ad6c62",
3
+ "version": "2.33.0-pr.feature-robot-precondition-list.372.da7759d",
4
4
  "description": "React UI toolkit for building applications on top of the Wandelbots platform",
5
5
  "type": "module",
6
6
  "sideEffects": false,
package/src/components/DataGrid.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import ClearIcon from "@mui/icons-material/Clear"
2
2
  import FilterListIcon from "@mui/icons-material/FilterList"
3
3
  import SearchIcon from "@mui/icons-material/Search"
4
- import { Box, Divider, Typography } from "@mui/material"
4
+ import { Box, Divider, Typography, useTheme } from "@mui/material"
5
5
  import {
6
6
  DataGrid,
7
7
  type DataGridProps,
@@ -101,6 +101,8 @@ export const WandelbotsDataGrid = externalizeComponent(
101
101
  CustomToolbar,
102
102
  selectFirstByDefault = false,
103
103
  }: WandelbotsDataGridProps<T>) => {
104
+ const theme = useTheme()
105
+
104
106
  // Internal state for selection when not controlled
105
107
  const [internalSelectedItem, setInternalSelectedItem] =
106
108
  useState<T | null>(null)
@@ -276,7 +278,8 @@ export const WandelbotsDataGrid = externalizeComponent(
276
278
  height: "100%",
277
279
  display: "flex",
278
280
  flexDirection: "column",
279
- background: "var(--background-paper-elevation-5, #202233)",
281
+ background:
282
+ theme.palette.backgroundPaperElevation?.[5] || "#202233",
280
283
  }}
281
284
  >
282
285
  <DataGrid
@@ -331,12 +334,13 @@ export const WandelbotsDataGrid = externalizeComponent(
331
334
  "& .MuiDataGrid-columnHeaders": {
332
335
  border: "none",
333
336
  borderBottom: "none !important",
334
- backgroundColor: "var(--background-paper-elevation-5, #202233)",
337
+ backgroundColor:
338
+ theme.palette.backgroundPaperElevation?.[5] || "#202233",
335
339
  },
336
340
  "& .MuiDataGrid-row": {
337
341
  cursor: onRowClick ? "pointer" : "default",
338
342
  border: "none",
339
- margin: "0px 0",
343
+ margin: "1px 0",
340
344
  position: "relative",
341
345
  "&:hover": {
342
346
  backgroundColor: "transparent !important",
package/src/components/RobotCard.tsx CHANGED
@@ -252,7 +252,6 @@ export const RobotCard = externalizeComponent(
252
252
  <Card
253
253
  ref={cardRef}
254
254
  className={className}
255
- elevation={5}
256
255
  sx={{
257
256
  width: "100%",
258
257
  height: "100%",
@@ -264,10 +263,12 @@ export const RobotCard = externalizeComponent(
264
263
  minHeight: isLandscape
265
264
  ? { xs: 160, sm: 200, md: 250 }
266
265
  : { xs: 200, sm: 280, md: 350 },
267
- border:
268
- "1px solid var(--secondary-_states-outlinedBorder, #FFFFFF1F)",
266
+ border: `1px solid ${theme.palette.divider}`,
269
267
  borderRadius: "18px",
270
268
  boxShadow: "none",
269
+ backgroundColor:
270
+ theme.palette.backgroundPaperElevation?.[8] || "#2A2A3F",
271
+ backgroundImage: "none", // Override any gradient from elevation
271
272
  }}
272
273
  >
273
274
  {isLandscape ? (
@@ -367,7 +368,7 @@ export const RobotCard = externalizeComponent(
367
368
  variant="body1"
368
369
  sx={{
369
370
  mb: 0,
370
- color: "var(--text-secondary, #FFFFFFB2)",
371
+ color: theme.palette.text.secondary,
371
372
  textAlign: "left",
372
373
  }}
373
374
  >
@@ -511,7 +512,7 @@ export const RobotCard = externalizeComponent(
511
512
  variant="body1"
512
513
  sx={{
513
514
  mb: 0,
514
- color: "var(--text-secondary, #FFFFFFB2)",
515
+ color: theme.palette.text.secondary,
515
516
  }}
516
517
  >
517
518
  {t("RobotCard.Runtime.lb")}
package/src/components/RobotListItem.tsx CHANGED
@@ -58,9 +58,9 @@ export const RobotListItem = externalizeComponent(
58
58
  <Box
59
59
  className={className}
60
60
  sx={{
61
- border:
62
- "1px solid var(--secondary-_states-outlinedBorder, #FFFFFF1F)",
63
- background: "var(--background-paper-elevation-8, #292B3E)",
61
+ border: `1px solid ${theme.palette.divider}`,
62
+ background:
63
+ theme.palette.backgroundPaperElevation?.[8] || "#292B3F",
64
64
  height: 80,
65
65
  minHeight: "80px",
66
66
  borderRadius: "8px",
@@ -90,10 +90,10 @@ export const RobotListItem = externalizeComponent(
90
90
  width: 24,
91
91
  height: 24,
92
92
  "& svg": {
93
- fill: "var(--primary-main, #8E56FC) !important",
93
+ fill: `${theme.palette.primary.main} !important`,
94
94
  },
95
95
  "& svg path": {
96
- fill: "var(--primary-main, #8E56FC) !important",
96
+ fill: `${theme.palette.primary.main} !important`,
97
97
  },
98
98
  }}
99
99
  >
package/src/components/RobotSetupReadinessIndicator.tsx CHANGED
@@ -47,7 +47,7 @@ export const RobotSetupReadinessIndicator = externalizeComponent(
47
47
  backgroundColor:
48
48
  theme.palette.backgroundPaperElevation?.[11] ||
49
49
  theme.palette.background.paper,
50
- textColor: "var(--secondary-contrast, #FFFFFFDE)",
50
+ textColor: theme.palette.secondary.contrastText,
51
51
  }
52
52
  case RobotSetupReadinessState.ROBOT_DISCONNECTED:
53
53
  return {
@@ -56,7 +56,7 @@ export const RobotSetupReadinessIndicator = externalizeComponent(
56
56
  backgroundColor:
57
57
  theme.palette.backgroundPaperElevation?.[11] ||
58
58
  theme.palette.background.paper,
59
- textColor: "var(--secondary-contrast, #FFFFFFDE)",
59
+ textColor: theme.palette.secondary.contrastText,
60
60
  }
61
61
  case RobotSetupReadinessState.PRECONDITION_NOT_FULFILLED:
62
62
  default:
@@ -68,7 +68,7 @@ export const RobotSetupReadinessIndicator = externalizeComponent(
68
68
  backgroundColor:
69
69
  theme.palette.backgroundPaperElevation?.[11] ||
70
70
  theme.palette.background.paper,
71
- textColor: "var(--secondary-contrast, #FFFFFFDE)",
71
+ textColor: theme.palette.secondary.contrastText,
72
72
  }
73
73
  }
74
74
  }