@wandelbots/wandelbots-js-react-components 2.33.0-pr.feature-robot-precondition-list.372.b6e19a9 → 2.33.0-pr.feature-robot-precondition-list.372.56785bf

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 (7) hide show
  1. package/dist/components/DataGrid.d.ts.map +1 -1
  2. package/dist/index.cjs +39 -39
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +1033 -1062
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/DataGrid.tsx +15 -41
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.b6e19a9",
3
+ "version": "2.33.0-pr.feature-robot-precondition-list.372.56785bf",
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
@@ -298,9 +298,7 @@ export const WandelbotsDataGrid = externalizeComponent(
298
298
  height: "100%",
299
299
  display: "flex",
300
300
  flexDirection: "column",
301
- backgroundColor:
302
- theme.palette.backgroundPaperElevation?.[5] || "#202233",
303
- ...sx, // Your custom styles will override the theme default
301
+ ...sx,
304
302
  }}
305
303
  >
306
304
  <DataGrid
@@ -347,35 +345,26 @@ export const WandelbotsDataGrid = externalizeComponent(
347
345
  }}
348
346
  sx={{
349
347
  border: "none",
350
- backgroundColor: "transparent",
348
+
351
349
  width: "100%",
352
350
  // Remove any MUI overlays and elevation effects
353
351
  "& .MuiPaper-root": {
354
- backgroundColor: "transparent !important",
355
352
  boxShadow: "none !important",
356
353
  },
357
- "& .MuiDataGrid-overlay": {
358
- backgroundColor: "transparent !important",
359
- },
354
+ "& .MuiDataGrid-overlay": {},
360
355
  "& .MuiDataGrid-main": {
361
356
  border: "none",
362
- backgroundColor: "transparent",
357
+
363
358
  // Remove any surface or paper overlays
364
- "& .MuiPaper-root": {
365
- backgroundColor: "transparent !important",
366
- },
367
- },
368
- "& .MuiDataGrid-container--top [role=row]": {
369
- backgroundColor: "transparent !important",
359
+ "& .MuiPaper-root": {},
370
360
  },
361
+ "& .MuiDataGrid-container--top [role=row]": {},
371
362
  "& .MuiDataGrid-topContainer": {
372
363
  borderBottom: "none !important",
373
364
  },
374
365
  "& .MuiDataGrid-columnHeaders": {
375
366
  border: "none",
376
367
  borderBottom: "none !important",
377
- backgroundColor:
378
- theme.palette.backgroundPaperElevation?.[5] || "#202233",
379
368
  },
380
369
  "& .MuiDataGrid-row": {
381
370
  cursor: onRowClick ? "pointer" : "default",
@@ -383,7 +372,6 @@ export const WandelbotsDataGrid = externalizeComponent(
383
372
  margin: "1px 0",
384
373
  position: "relative",
385
374
  "&:hover": {
386
- backgroundColor: "transparent !important",
387
375
  "&::before": {
388
376
  content: '""',
389
377
  position: "absolute",
@@ -398,10 +386,7 @@ export const WandelbotsDataGrid = externalizeComponent(
398
386
  },
399
387
  // Disable MUI's built-in selection styling completely
400
388
  "&.Mui-selected": {
401
- backgroundColor: "transparent !important",
402
- "&:hover": {
403
- backgroundColor: "transparent !important",
404
- },
389
+ "&:hover": {},
405
390
  },
406
391
  // Highlight selected row with a distinct color using data attribute
407
392
  ...(selectedRowId !== null && {
@@ -441,7 +426,7 @@ export const WandelbotsDataGrid = externalizeComponent(
441
426
  border: "none",
442
427
  paddingLeft: "40px",
443
428
  paddingRight: "40px",
444
- backgroundColor: "transparent !important",
429
+
445
430
  "& .MuiDataGrid-columnHeaderTitle": {
446
431
  color: "rgba(255, 255, 255, 0.6)",
447
432
  },
@@ -450,18 +435,11 @@ export const WandelbotsDataGrid = externalizeComponent(
450
435
  padding: "8px",
451
436
  border: "none !important",
452
437
  borderBottom: "none !important",
453
- backgroundColor: "transparent !important",
454
- "& .MuiBox-root": {
455
- backgroundColor: "transparent !important",
456
- },
457
- "& .MuiFormControl-root": {
458
- backgroundColor: "transparent !important",
459
- },
460
- "& .MuiInputBase-root": {
461
- backgroundColor: "transparent !important",
462
- },
438
+
439
+ "& .MuiBox-root": {},
440
+ "& .MuiFormControl-root": {},
441
+ "& .MuiInputBase-root": {},
463
442
  "& .MuiPaper-root": {
464
- backgroundColor: "transparent !important",
465
443
  boxShadow: "none !important",
466
444
  },
467
445
  "& *": {
@@ -489,16 +467,12 @@ export const WandelbotsDataGrid = externalizeComponent(
489
467
  borderBottom: "none !important",
490
468
  borderLeft: "none !important",
491
469
  borderRight: "none !important",
492
- backgroundColor: "transparent !important",
470
+
493
471
  "--rowBorderColor": "none !important",
494
472
  },
495
473
  // Remove any remaining MUI background overlays
496
- "& .MuiBackdrop-root": {
497
- backgroundColor: "transparent !important",
498
- },
499
- "& .MuiModal-backdrop": {
500
- backgroundColor: "transparent !important",
501
- },
474
+ "& .MuiBackdrop-root": {},
475
+ "& .MuiModal-backdrop": {},
502
476
  ...dataGridProps?.sx,
503
477
  }}
504
478
  />