@wandelbots/wandelbots-js-react-components 5.5.1 → 5.5.2-pr.fix-performance-issues.594.d053ea2

package/dist/components/DataGrid.js

@@ -1,535 +0,0 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import H from "@mui/icons-material/Clear";
-import W from "@mui/icons-material/FilterList";
-import y from "@mui/icons-material/Search";
-import { useTheme as Q } from "@mui/material/styles";
-import i from "@mui/material/Box";
-import $ from "@mui/material/Divider";
-import j from "@mui/material/Typography";
-import { useGridApiRef as E, DataGrid as Y, Toolbar as A, FilterPanelTrigger as G, ToolbarButton as g, QuickFilter as N, QuickFilterTrigger as q, QuickFilterControl as J, QuickFilterClear as K } from "@mui/x-data-grid";
-import { observer as U } from "mobx-react-lite";
-import { useRef as V, useState as X, useMemo as M, useEffect as D } from "react";
-import { externalizeComponent as Z } from "../externalizeComponent.js";
-const _ = Z(
-  U(
-    ({
-      data: a,
-      columns: l,
-      getRowData: s,
-      onRowClick: m,
-      selectedItem: u,
-      getItemId: c,
-      title: w,
-      showCount: z = !0,
-      searchPlaceholder: B = "Search programs",
-      dataGridProps: r,
-      CustomToolbar: I,
-      selectFirstByDefault: v = !1,
-      sx: O
-    }) => {
-      var S;
-      const b = Q(), t = E(), f = V(null), [h, C] = X(null), d = M(() => a.map(s), [a, s]);
-      D(() => {
-        t.current && d.length > 0 && t.current.autosizeColumns({
-          includeOutliers: !0,
-          includeHeaders: !0,
-          expand: !0,
-          columns: l.map((e) => e.field)
-        });
-      }, [d, l, t]), D(() => {
-        if (!f.current || !t.current) return;
-        const e = new ResizeObserver(() => {
-          setTimeout(() => {
-            t.current && d.length > 0 && t.current.autosizeColumns({
-              includeOutliers: !0,
-              includeHeaders: !0,
-              expand: !0,
-              columns: l.map((n) => n.field)
-            });
-          }, 100);
-        });
-        return e.observe(f.current), () => {
-          e.disconnect();
-        };
-      }, [t, d.length, l]);
-      const x = M(() => {
-        if (u !== void 0)
-          return u;
-        if (h !== null)
-          return h;
-        if (v && a.length > 0) {
-          const e = a[0];
-          return C(e), e;
-        }
-        return null;
-      }, [v, a, u, h]), R = (e) => {
-        const n = a.find((L) => s(L).id === e.id);
-        n && (u === void 0 && C(n), m && m(n, e));
-      }, k = M(() => !x || !c ? null : c(x), [x, c]);
-      function T() {
-        return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ p(
-          i,
-          {
-            sx: {
-              display: "flex",
-              width: "100%",
-              gap: 1,
-              p: 0.5,
-              alignItems: "center"
-            },
-            children: [
-              w && /* @__PURE__ */ p(
-                j,
-                {
-                  variant: "h6",
-                  sx: {
-                    fontWeight: 500,
-                    color: "white"
-                  },
-                  children: [
-                    w,
-                    z && ` (${a.length})`
-                  ]
-                }
-              ),
-              /* @__PURE__ */ p(
-                i,
-                {
-                  sx: {
-                    ml: "auto",
-                    display: "flex",
-                    gap: 0.5,
-                    alignItems: "center",
-                    pr: 1
-                  },
-                  children: [
-                    /* @__PURE__ */ o(
-                      G,
-                      {
-                        render: /* @__PURE__ */ o(g, { "aria-label": "Show filters", children: /* @__PURE__ */ o(W, { fontSize: "small" }) })
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      $,
-                      {
-                        orientation: "vertical",
-                        flexItem: !0,
-                        sx: {
-                          height: "24px",
-                          alignSelf: "center"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      N,
-                      {
-                        render: (e, n) => /* @__PURE__ */ p(
-                          i,
-                          {
-                            ...e,
-                            sx: {
-                              display: "flex",
-                              overflow: "hidden"
-                            },
-                            children: [
-                              !n.expanded && /* @__PURE__ */ o(
-                                q,
-                                {
-                                  render: /* @__PURE__ */ o(g, { "aria-label": "Search", children: /* @__PURE__ */ o(y, { fontSize: "small" }) })
-                                }
-                              ),
-                              /* @__PURE__ */ p(
-                                i,
-                                {
-                                  sx: {
-                                    display: "flex",
-                                    overflow: "hidden",
-                                    transition: "all 0.3s ease-in-out",
-                                    width: n.expanded ? "200px" : "0px",
-                                    position: "relative"
-                                  },
-                                  children: [
-                                    /* @__PURE__ */ p(
-                                      i,
-                                      {
-                                        sx: {
-                                          flex: 1,
-                                          position: "relative",
-                                          "& .MuiInputBase-root": {
-                                            height: "32px",
-                                            borderRadius: "16px",
-                                            backgroundColor: "#171927",
-                                            paddingLeft: "40px",
-                                            paddingRight: n.expanded && n.value !== "" ? "40px" : "12px",
-                                            color: "white",
-                                            fontSize: "14px",
-                                            border: "none !important",
-                                            outline: "none !important",
-                                            boxShadow: "none !important",
-                                            "&::before": {
-                                              display: "none !important",
-                                              border: "none !important"
-                                            },
-                                            "&::after": {
-                                              display: "none !important",
-                                              border: "none !important"
-                                            },
-                                            "&:hover": {
-                                              "&::before": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              },
-                                              "&::after": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              }
-                                            },
-                                            "&:focus-within": {
-                                              outline: "none !important",
-                                              boxShadow: "none !important",
-                                              "&::before": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              },
-                                              "&::after": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              }
-                                            },
-                                            "&.Mui-focused": {
-                                              outline: "none !important",
-                                              boxShadow: "none !important",
-                                              "&::before": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              },
-                                              "&::after": {
-                                                display: "none !important",
-                                                border: "none !important"
-                                              }
-                                            },
-                                            "& .MuiInputBase-input": {
-                                              padding: "8px 0",
-                                              border: "none !important",
-                                              outline: "none !important",
-                                              boxShadow: "none !important",
-                                              "&:focus": {
-                                                outline: "none !important",
-                                                boxShadow: "none !important",
-                                                border: "none !important"
-                                              },
-                                              "&::placeholder": {
-                                                color: "rgba(255, 255, 255, 0.3)",
-                                                opacity: 1
-                                              }
-                                            },
-                                            "& fieldset": {
-                                              border: "none !important",
-                                              display: "none !important"
-                                            },
-                                            "& .MuiOutlinedInput-notchedOutline": {
-                                              border: "none !important",
-                                              display: "none !important"
-                                            }
-                                          }
-                                        },
-                                        children: [
-                                          n.expanded && /* @__PURE__ */ o(
-                                            y,
-                                            {
-                                              fontSize: "small",
-                                              sx: {
-                                                position: "absolute",
-                                                left: "12px",
-                                                top: "50%",
-                                                transform: "translateY(-50%)",
-                                                color: "rgba(255, 255, 255, 0.6)",
-                                                zIndex: 1,
-                                                pointerEvents: "none"
-                                              }
-                                            }
-                                          ),
-                                          /* @__PURE__ */ o(J, { placeholder: B })
-                                        ]
-                                      }
-                                    ),
-                                    n.expanded && n.value !== "" && /* @__PURE__ */ o(
-                                      K,
-                                      {
-                                        render: /* @__PURE__ */ o(
-                                          i,
-                                          {
-                                            sx: {
-                                              position: "absolute",
-                                              right: "8px",
-                                              top: "50%",
-                                              transform: "translateY(-50%)",
-                                              zIndex: 1
-                                            },
-                                            children: /* @__PURE__ */ o(
-                                              i,
-                                              {
-                                                sx: {
-                                                  minWidth: "24px",
-                                                  width: "24px",
-                                                  height: "24px",
-                                                  padding: 0,
-                                                  color: "rgba(255, 255, 255, 0.6)",
-                                                  "&:hover": {
-                                                    backgroundColor: "rgba(255, 255, 255, 0.1)"
-                                                  }
-                                                },
-                                                children: /* @__PURE__ */ o(g, { "aria-label": "Clear", children: /* @__PURE__ */ o(H, { fontSize: "small" }) })
-                                              }
-                                            )
-                                          }
-                                        )
-                                      }
-                                    )
-                                  ]
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ) });
-      }
-      const F = I || T;
-      return /* @__PURE__ */ o(
-        i,
-        {
-          ref: f,
-          sx: {
-            height: "100%",
-            display: "flex",
-            flexDirection: "column",
-            // Apply scrollbar styling like in the theme
-            "& *": {
-              scrollbarWidth: "none",
-              msOverflowStyle: "none",
-              "&::-webkit-scrollbar": {
-                display: "none"
-              }
-            },
-            "&:hover *": {
-              scrollbarWidth: "thin",
-              scrollbarColor: `${b.palette.divider} transparent`,
-              "&::-webkit-scrollbar": {
-                display: "block",
-                width: "8px",
-                height: "8px"
-              },
-              "&::-webkit-scrollbar-track": {
-                background: "transparent"
-              },
-              "&::-webkit-scrollbar-thumb": {
-                background: b.palette.divider,
-                borderRadius: "4px"
-              },
-              "&::-webkit-scrollbar-thumb:hover": {
-                background: b.palette.action.hover
-              }
-            },
-            ...O
-          },
-          children: /* @__PURE__ */ o(
-            Y,
-            {
-              apiRef: t,
-              rows: d,
-              columns: l,
-              onRowClick: R,
-              disableColumnMenu: !1,
-              disableRowSelectionOnClick: !0,
-              disableMultipleRowSelection: !0,
-              hideFooterSelectedRowCount: !0,
-              filterMode: "client",
-              sortingOrder: ["desc", "asc"],
-              hideFooter: !1,
-              showToolbar: !0,
-              slots: {
-                toolbar: F
-              },
-              initialState: {
-                sorting: {
-                  sortModel: []
-                },
-                filter: {
-                  filterModel: {
-                    items: []
-                  }
-                },
-                ...r == null ? void 0 : r.initialState
-              },
-              ...r,
-              autosizeOnMount: !0,
-              autosizeOptions: {
-                // Merge any custom autosize options first
-                ...(r == null ? void 0 : r.autosizeOptions) || {},
-                // Force these key properties to always be true to maintain autosize behavior
-                includeOutliers: !0,
-                includeHeaders: !0,
-                expand: !0,
-                // Auto-size all columns by default (can be overridden by dataGridProps)
-                columns: ((S = r == null ? void 0 : r.autosizeOptions) == null ? void 0 : S.columns) || l.map((e) => e.field)
-              },
-              sx: {
-                border: "none",
-                width: "100%",
-                // Remove any MUI overlays and elevation effects
-                "& .MuiPaper-root": {
-                  boxShadow: "none !important"
-                },
-                "& .MuiDataGrid-overlay": {},
-                "& .MuiDataGrid-main": {
-                  border: "none",
-                  // Remove any surface or paper overlays
-                  "& .MuiPaper-root": {}
-                },
-                "& .MuiDataGrid-container--top [role=row]": {},
-                "& .MuiDataGrid-topContainer": {
-                  borderBottom: "none !important"
-                },
-                "& .MuiDataGrid-columnHeaders": {
-                  border: "none",
-                  borderBottom: "none !important"
-                },
-                "& .MuiDataGrid-row": {
-                  cursor: m ? "pointer" : "default",
-                  border: "none",
-                  margin: "1px 0",
-                  position: "relative",
-                  // Disable all default MUI hover effects
-                  backgroundColor: "transparent !important",
-                  "&:hover": {
-                    backgroundColor: "transparent !important",
-                    "&::before": {
-                      content: '""',
-                      position: "absolute",
-                      top: 0,
-                      left: "16px",
-                      right: "16px",
-                      bottom: 0,
-                      backgroundColor: "action.hover",
-                      borderRadius: "16px",
-                      zIndex: 0
-                    }
-                  },
-                  // Disable MUI's built-in selection styling completely
-                  "&.Mui-selected": {
-                    backgroundColor: "transparent !important",
-                    "&:hover": {
-                      backgroundColor: "transparent !important"
-                    }
-                  },
-                  // Highlight selected row with a distinct color using data attribute
-                  ...k !== null && {
-                    [`&[data-id="${k}"]`]: {
-                      backgroundColor: "transparent !important",
-                      "&::before": {
-                        content: '""',
-                        position: "absolute",
-                        top: 0,
-                        left: "16px",
-                        right: "16px",
-                        bottom: 0,
-                        backgroundColor: "rgba(255, 255, 255, 0.08) !important",
-                        borderRadius: "16px",
-                        zIndex: 0
-                      },
-                      "&:hover": {
-                        backgroundColor: "transparent !important"
-                      },
-                      "&:hover::before": {
-                        backgroundColor: "rgba(255, 255, 255, 0.12) !important"
-                      }
-                    }
-                  }
-                },
-                "& .MuiDataGrid-cell--textLeft": {
-                  paddingLeft: "40px"
-                },
-                "& .MuiDataGrid-cell": {
-                  border: "none",
-                  position: "relative",
-                  zIndex: 1,
-                  "&:focus": {
-                    outline: "none"
-                  },
-                  "&:focus-within": {
-                    outline: "none"
-                  },
-                  "&:hover": {
-                    backgroundColor: "transparent !important"
-                  }
-                },
-                "& .MuiDataGrid-columnHeader": {
-                  border: "none",
-                  paddingLeft: "40px",
-                  paddingRight: "40px",
-                  "& .MuiDataGrid-columnHeaderTitle": {
-                    color: "rgba(255, 255, 255, 0.6)"
-                  }
-                },
-                "& .MuiDataGrid-toolbarContainer": {
-                  padding: "8px",
-                  border: "none !important",
-                  borderBottom: "none !important",
-                  "& .MuiBox-root": {},
-                  "& .MuiFormControl-root": {},
-                  "& .MuiInputBase-root": {},
-                  "& .MuiPaper-root": {
-                    boxShadow: "none !important"
-                  },
-                  "& *": {
-                    borderBottom: "none !important"
-                  }
-                },
-                "& .MuiDataGrid-toolbar": {
-                  borderBottom: "none !important"
-                },
-                "& .MuiDataGrid-toolbarFilterList": {
-                  border: "none"
-                },
-                "& .MuiDataGrid-withBorderColor": {
-                  borderColor: "transparent !important"
-                },
-                "& .MuiDataGrid-columnSeparator": {
-                  display: "none"
-                },
-                "& .MuiDataGrid-footerContainer": {
-                  display: "none"
-                },
-                "& .MuiDataGrid-filler": {
-                  border: "none !important",
-                  borderTop: "none !important",
-                  borderBottom: "none !important",
-                  borderLeft: "none !important",
-                  borderRight: "none !important",
-                  "--rowBorderColor": "none !important"
-                },
-                // Remove any remaining MUI background overlays
-                "& .MuiBackdrop-root": {},
-                "& .MuiModal-backdrop": {},
-                ...r == null ? void 0 : r.sx
-              }
-            }
-          )
-        }
-      );
-    }
-  )
-);
-_.displayName = "WandelbotsDataGrid";
-export {
-  _ as WandelbotsDataGrid,
-  _ as default
-};
-//# sourceMappingURL=DataGrid.js.map

package/dist/components/DataGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGrid.js","sources":["../../src/components/DataGrid.tsx"],"sourcesContent":["import ClearIcon from \"@mui/icons-material/Clear\"\nimport FilterListIcon from \"@mui/icons-material/FilterList\"\nimport SearchIcon from \"@mui/icons-material/Search\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport {\n  DataGrid,\n  type DataGridProps,\n  FilterPanelTrigger,\n  type GridColDef,\n  type GridRowParams,\n  QuickFilter,\n  QuickFilterClear,\n  QuickFilterControl,\n  QuickFilterTrigger,\n  Toolbar,\n  ToolbarButton,\n  useGridApiRef,\n} from \"@mui/x-data-grid\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useMemo, useRef, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport interface WandelbotsDataGridProps<T = Record<string, unknown>> {\n  /**\n   * Array of data items to display in the grid\n   */\n  data: T[]\n\n  /**\n   * Column definitions for the DataGrid\n   */\n  columns: GridColDef[]\n\n  /**\n   * Function to transform data items into DataGrid rows\n   * Should return an object with an 'id' field and other fields matching column definitions\n   */\n  getRowData: (item: T) => Record<string, unknown> & { id: string | number }\n\n  /**\n   * Callback when a row is clicked\n   */\n  onRowClick?: (item: T, params: GridRowParams) => void\n\n  /**\n   * Currently selected item (for highlighting)\n   */\n  selectedItem?: T | null\n\n  /**\n   * Function to get the ID of an item (used for selection highlighting)\n   */\n  getItemId?: (item: T) => string | number\n\n  /**\n   * Title displayed in the toolbar\n   */\n  title?: string\n\n  /**\n   * Show item count in title\n   * @default true\n   */\n  showCount?: boolean\n\n  /**\n   * Placeholder text for the search input\n   * @default \"Search programs\"\n   */\n  searchPlaceholder?: string\n\n  /**\n   * Additional DataGrid props to pass through\n   */\n  dataGridProps?: Partial<DataGridProps>\n\n  /**\n   * Custom toolbar component to replace the default one\n   */\n  CustomToolbar?: React.ComponentType\n\n  /**\n   * Select the first item by default\n   * @default false\n   */\n  selectFirstByDefault?: boolean\n\n  /**\n   * Custom sx styles for the root container\n   */\n  sx?: React.ComponentProps<typeof Box>[\"sx\"]\n}\n\nexport const WandelbotsDataGrid = externalizeComponent(\n  observer(\n    <T,>({\n      data,\n      columns,\n      getRowData,\n      onRowClick,\n      selectedItem,\n      getItemId,\n      title,\n      showCount = true,\n      searchPlaceholder = \"Search programs\",\n      dataGridProps,\n      CustomToolbar,\n      selectFirstByDefault = false,\n      sx,\n    }: WandelbotsDataGridProps<T>) => {\n      const theme = useTheme()\n      const apiRef = useGridApiRef()\n      const containerRef = useRef<HTMLDivElement>(null)\n\n      // Internal state for selection when not controlled\n      const [internalSelectedItem, setInternalSelectedItem] =\n        useState<T | null>(null)\n\n      // Prepare rows for the DataGrid\n      const rows = useMemo(() => data.map(getRowData), [data, getRowData])\n\n      // Auto-resize columns when data changes\n      useEffect(() => {\n        if (apiRef.current && rows.length > 0) {\n          apiRef.current.autosizeColumns({\n            includeOutliers: true,\n            includeHeaders: true,\n            expand: true,\n            columns: columns.map((col) => col.field),\n          })\n        }\n      }, [rows, columns, apiRef])\n\n      // Auto-resize columns when the DataGrid container is resized\n      useEffect(() => {\n        if (!containerRef.current || !apiRef.current) return\n\n        const resizeObserver = new ResizeObserver(() => {\n          // Use a small timeout to ensure the DataGrid has processed the size change\n          setTimeout(() => {\n            if (apiRef.current && rows.length > 0) {\n              apiRef.current.autosizeColumns({\n                includeOutliers: true,\n                includeHeaders: true,\n                expand: true,\n                columns: columns.map((col) => col.field),\n              })\n            }\n          }, 100)\n        })\n\n        resizeObserver.observe(containerRef.current)\n\n        return () => {\n          resizeObserver.disconnect()\n        }\n      }, [apiRef, rows.length, columns])\n\n      // Handle default selection - only use if no selectedItem is explicitly provided\n      const effectiveSelectedItem = useMemo(() => {\n        // If selectedItem is explicitly provided, use it (including null)\n        if (selectedItem !== undefined) {\n          return selectedItem\n        }\n        // If we have an internal selection, use it\n        if (internalSelectedItem !== null) {\n          return internalSelectedItem\n        }\n        // Otherwise, use first item if selectFirstByDefault is true\n        if (selectFirstByDefault && data.length > 0) {\n          const firstItem = data[0]\n          // Set internal state to first item on initial load\n          setInternalSelectedItem(firstItem)\n          return firstItem\n        }\n        return null\n      }, [selectFirstByDefault, data, selectedItem, internalSelectedItem])\n\n      // Handle row click\n      const handleRowClick = (params: GridRowParams) => {\n        const item = data.find((item) => {\n          const rowData = getRowData(item)\n          return rowData.id === params.id\n        })\n\n        if (item) {\n          // Update internal selection state if not controlled by props\n          if (selectedItem === undefined) {\n            setInternalSelectedItem(item)\n          }\n\n          // Call the user's onRowClick callback\n          if (onRowClick) {\n            onRowClick(item, params)\n          }\n        }\n      }\n\n      // Get selected row ID for highlighting\n      const selectedRowId = useMemo(() => {\n        if (!effectiveSelectedItem || !getItemId) return null\n        return getItemId(effectiveSelectedItem)\n      }, [effectiveSelectedItem, getItemId])\n\n      // Default toolbar with filter and quick filter\n      function DefaultToolbar() {\n        return (\n          <Toolbar>\n            <Box\n              sx={{\n                display: \"flex\",\n                width: \"100%\",\n                gap: 1,\n                p: 0.5,\n                alignItems: \"center\",\n              }}\n            >\n              {title && (\n                <Typography\n                  variant=\"h6\"\n                  sx={{\n                    fontWeight: 500,\n                    color: \"white\",\n                  }}\n                >\n                  {title}\n                  {showCount && ` (${data.length})`}\n                </Typography>\n              )}\n              <Box\n                sx={{\n                  ml: \"auto\",\n                  display: \"flex\",\n                  gap: 0.5,\n                  alignItems: \"center\",\n                  pr: 1,\n                }}\n              >\n                <FilterPanelTrigger\n                  render={\n                    <ToolbarButton aria-label=\"Show filters\">\n                      <FilterListIcon fontSize=\"small\" />\n                    </ToolbarButton>\n                  }\n                />\n                <Divider\n                  orientation=\"vertical\"\n                  flexItem\n                  sx={{\n                    height: \"24px\",\n                    alignSelf: \"center\",\n                  }}\n                />\n                <QuickFilter\n                  render={(props, state) => (\n                    <Box\n                      {...props}\n                      sx={{\n                        display: \"flex\",\n                        overflow: \"hidden\",\n                      }}\n                    >\n                      {!state.expanded && (\n                        <QuickFilterTrigger\n                          render={\n                            <ToolbarButton aria-label=\"Search\">\n                              <SearchIcon fontSize=\"small\" />\n                            </ToolbarButton>\n                          }\n                        />\n                      )}\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          overflow: \"hidden\",\n                          transition: \"all 0.3s ease-in-out\",\n                          width: state.expanded ? \"200px\" : \"0px\",\n                          position: \"relative\",\n                        }}\n                      >\n                        <Box\n                          sx={{\n                            flex: 1,\n                            position: \"relative\",\n                            \"& .MuiInputBase-root\": {\n                              height: \"32px\",\n                              borderRadius: \"16px\",\n                              backgroundColor: \"#171927\",\n                              paddingLeft: \"40px\",\n                              paddingRight:\n                                state.expanded && state.value !== \"\"\n                                  ? \"40px\"\n                                  : \"12px\",\n                              color: \"white\",\n                              fontSize: \"14px\",\n                              border: \"none !important\",\n                              outline: \"none !important\",\n                              boxShadow: \"none !important\",\n                              \"&::before\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&::after\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&:hover\": {\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&:focus-within\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&.Mui-focused\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"& .MuiInputBase-input\": {\n                                padding: \"8px 0\",\n                                border: \"none !important\",\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&:focus\": {\n                                  outline: \"none !important\",\n                                  boxShadow: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::placeholder\": {\n                                  color: \"rgba(255, 255, 255, 0.3)\",\n                                  opacity: 1,\n                                },\n                              },\n                              \"& fieldset\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                              \"& .MuiOutlinedInput-notchedOutline\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                            },\n                          }}\n                        >\n                          {state.expanded && (\n                            <SearchIcon\n                              fontSize=\"small\"\n                              sx={{\n                                position: \"absolute\",\n                                left: \"12px\",\n                                top: \"50%\",\n                                transform: \"translateY(-50%)\",\n                                color: \"rgba(255, 255, 255, 0.6)\",\n                                zIndex: 1,\n                                pointerEvents: \"none\",\n                              }}\n                            />\n                          )}\n                          <QuickFilterControl placeholder={searchPlaceholder} />\n                        </Box>\n                        {state.expanded && state.value !== \"\" && (\n                          <QuickFilterClear\n                            render={\n                              <Box\n                                sx={{\n                                  position: \"absolute\",\n                                  right: \"8px\",\n                                  top: \"50%\",\n                                  transform: \"translateY(-50%)\",\n                                  zIndex: 1,\n                                }}\n                              >\n                                <Box\n                                  sx={{\n                                    minWidth: \"24px\",\n                                    width: \"24px\",\n                                    height: \"24px\",\n                                    padding: 0,\n                                    color: \"rgba(255, 255, 255, 0.6)\",\n                                    \"&:hover\": {\n                                      backgroundColor:\n                                        \"rgba(255, 255, 255, 0.1)\",\n                                    },\n                                  }}\n                                >\n                                  <ToolbarButton aria-label=\"Clear\">\n                                    <ClearIcon fontSize=\"small\" />\n                                  </ToolbarButton>\n                                </Box>\n                              </Box>\n                            }\n                          />\n                        )}\n                      </Box>\n                    </Box>\n                  )}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        )\n      }\n\n      const ToolbarComponent = CustomToolbar || DefaultToolbar\n\n      return (\n        <Box\n          ref={containerRef}\n          sx={{\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            // Apply scrollbar styling like in the theme\n            \"& *\": {\n              scrollbarWidth: \"none\",\n              msOverflowStyle: \"none\",\n              \"&::-webkit-scrollbar\": {\n                display: \"none\",\n              },\n            },\n            \"&:hover *\": {\n              scrollbarWidth: \"thin\",\n              scrollbarColor: `${theme.palette.divider} transparent`,\n              \"&::-webkit-scrollbar\": {\n                display: \"block\",\n                width: \"8px\",\n                height: \"8px\",\n              },\n              \"&::-webkit-scrollbar-track\": {\n                background: \"transparent\",\n              },\n              \"&::-webkit-scrollbar-thumb\": {\n                background: theme.palette.divider,\n                borderRadius: \"4px\",\n              },\n              \"&::-webkit-scrollbar-thumb:hover\": {\n                background: theme.palette.action.hover,\n              },\n            },\n            ...sx,\n          }}\n        >\n          <DataGrid\n            apiRef={apiRef}\n            rows={rows}\n            columns={columns}\n            onRowClick={handleRowClick}\n            disableColumnMenu={false}\n            disableRowSelectionOnClick={true}\n            disableMultipleRowSelection={true}\n            hideFooterSelectedRowCount={true}\n            filterMode=\"client\"\n            sortingOrder={[\"desc\", \"asc\"]}\n            hideFooter={false}\n            showToolbar={true}\n            slots={{\n              toolbar: ToolbarComponent,\n            }}\n            initialState={{\n              sorting: {\n                sortModel: [],\n              },\n              filter: {\n                filterModel: {\n                  items: [],\n                },\n              },\n              ...dataGridProps?.initialState,\n            }}\n            {...dataGridProps}\n            // Ensure autosize properties are always enabled and not overridden by dataGridProps\n            autosizeOnMount={true}\n            autosizeOptions={{\n              // Merge any custom autosize options first\n              ...(dataGridProps?.autosizeOptions || {}),\n              // Force these key properties to always be true to maintain autosize behavior\n              includeOutliers: true,\n              includeHeaders: true,\n              expand: true,\n              // Auto-size all columns by default (can be overridden by dataGridProps)\n              columns:\n                dataGridProps?.autosizeOptions?.columns ||\n                columns.map((col) => col.field),\n            }}\n            sx={{\n              border: \"none\",\n\n              width: \"100%\",\n              // Remove any MUI overlays and elevation effects\n              \"& .MuiPaper-root\": {\n                boxShadow: \"none !important\",\n              },\n              \"& .MuiDataGrid-overlay\": {},\n              \"& .MuiDataGrid-main\": {\n                border: \"none\",\n\n                // Remove any surface or paper overlays\n                \"& .MuiPaper-root\": {},\n              },\n              \"& .MuiDataGrid-container--top [role=row]\": {},\n              \"& .MuiDataGrid-topContainer\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-columnHeaders\": {\n                border: \"none\",\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-row\": {\n                cursor: onRowClick ? \"pointer\" : \"default\",\n                border: \"none\",\n                margin: \"1px 0\",\n                position: \"relative\",\n                // Disable all default MUI hover effects\n                backgroundColor: \"transparent !important\",\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&::before\": {\n                    content: '\"\"',\n                    position: \"absolute\",\n                    top: 0,\n                    left: \"16px\",\n                    right: \"16px\",\n                    bottom: 0,\n                    backgroundColor: \"action.hover\",\n                    borderRadius: \"16px\",\n                    zIndex: 0,\n                  },\n                },\n                // Disable MUI's built-in selection styling completely\n                \"&.Mui-selected\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&:hover\": {\n                    backgroundColor: \"transparent !important\",\n                  },\n                },\n                // Highlight selected row with a distinct color using data attribute\n                ...(selectedRowId !== null && {\n                  [`&[data-id=\"${selectedRowId}\"]`]: {\n                    backgroundColor: \"transparent !important\",\n                    \"&::before\": {\n                      content: '\"\"',\n                      position: \"absolute\",\n                      top: 0,\n                      left: \"16px\",\n                      right: \"16px\",\n                      bottom: 0,\n                      backgroundColor: \"rgba(255, 255, 255, 0.08) !important\",\n                      borderRadius: \"16px\",\n                      zIndex: 0,\n                    },\n                    \"&:hover\": {\n                      backgroundColor: \"transparent !important\",\n                    },\n                    \"&:hover::before\": {\n                      backgroundColor: \"rgba(255, 255, 255, 0.12) !important\",\n                    },\n                  },\n                }),\n              },\n              \"& .MuiDataGrid-cell--textLeft\": {\n                paddingLeft: \"40px\",\n              },\n              \"& .MuiDataGrid-cell\": {\n                border: \"none\",\n                position: \"relative\",\n                zIndex: 1,\n                \"&:focus\": {\n                  outline: \"none\",\n                },\n                \"&:focus-within\": {\n                  outline: \"none\",\n                },\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                },\n              },\n              \"& .MuiDataGrid-columnHeader\": {\n                border: \"none\",\n                paddingLeft: \"40px\",\n                paddingRight: \"40px\",\n\n                \"& .MuiDataGrid-columnHeaderTitle\": {\n                  color: \"rgba(255, 255, 255, 0.6)\",\n                },\n              },\n              \"& .MuiDataGrid-toolbarContainer\": {\n                padding: \"8px\",\n                border: \"none !important\",\n                borderBottom: \"none !important\",\n\n                \"& .MuiBox-root\": {},\n                \"& .MuiFormControl-root\": {},\n                \"& .MuiInputBase-root\": {},\n                \"& .MuiPaper-root\": {\n                  boxShadow: \"none !important\",\n                },\n                \"& *\": {\n                  borderBottom: \"none !important\",\n                },\n              },\n              \"& .MuiDataGrid-toolbar\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-toolbarFilterList\": {\n                border: \"none\",\n              },\n              \"& .MuiDataGrid-withBorderColor\": {\n                borderColor: \"transparent !important\",\n              },\n              \"& .MuiDataGrid-columnSeparator\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-footerContainer\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-filler\": {\n                border: \"none !important\",\n                borderTop: \"none !important\",\n                borderBottom: \"none !important\",\n                borderLeft: \"none !important\",\n                borderRight: \"none !important\",\n\n                \"--rowBorderColor\": \"none !important\",\n              },\n              // Remove any remaining MUI background overlays\n              \"& .MuiBackdrop-root\": {},\n              \"& .MuiModal-backdrop\": {},\n              ...dataGridProps?.sx,\n            }}\n          />\n        </Box>\n      )\n    },\n  ),\n)\n\nWandelbotsDataGrid.displayName = \"WandelbotsDataGrid\"\n\nexport default WandelbotsDataGrid\n"],"names":["WandelbotsDataGrid","externalizeComponent","observer","data","columns","getRowData","onRowClick","selectedItem","getItemId","title","showCount","searchPlaceholder","dataGridProps","CustomToolbar","selectFirstByDefault","sx","theme","useTheme","apiRef","useGridApiRef","containerRef","useRef","internalSelectedItem","setInternalSelectedItem","useState","rows","useMemo","useEffect","col","resizeObserver","effectiveSelectedItem","firstItem","handleRowClick","params","item","selectedRowId","DefaultToolbar","Toolbar","jsxs","Box","Typography","jsx","FilterPanelTrigger","ToolbarButton","FilterListIcon","Divider","QuickFilter","props","state","QuickFilterTrigger","SearchIcon","QuickFilterControl","QuickFilterClear","ClearIcon","ToolbarComponent","DataGrid","_a"],"mappings":"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"}

package/dist/components/LoadingCover.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),u=require("@mui/material/CircularProgress"),i=require("@mui/material/Stack"),c=require("@mui/material/styles"),m=require("@mui/material/utils"),h=require("lodash-es"),n=require("react"),x=require("./utils/errorHandling.cjs"),l=e=>{const s=e.softTimeout||3e3,[t,o]=n.useState(!1),a=c.useTheme();return n.useEffect(()=>{const d=setTimeout(()=>{o(!0)},s);return()=>clearTimeout(d)}),r.jsx(i,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:a.palette.text.primary},children:e.error?r.jsx(g,{loadingMessage:e.message,error:e.error}):r.jsxs(r.Fragment,{children:[r.jsx(u,{sx:{marginBottom:"24px"}}),!!e.message&&r.jsx("div",{children:e.message}),r.jsx(i,{sx:{visibility:t?"visible":"hidden",marginTop:"1rem",color:a.palette.text.secondary},children:"This is taking longer than expected..."})]})})},g=e=>{const s=x.makeErrorMessage(e.error),t=e.error instanceof Error?e.error.stack:null,o=c.useTheme();return r.jsxs(i,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:o.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${h.lowerFirst(m.capitalize(e.loadingMessage))} - `:"")+s,r.jsx("br",{}),t&&r.jsx("pre",{children:t})]})};exports.LoadingCover=l;exports.LoadingErrorMessage=g;exports.default=l;
-//# sourceMappingURL=LoadingCover.cjs.map

package/dist/components/LoadingCover.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingCover.cjs","sources":["../../src/components/LoadingCover.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\"\nimport Stack from \"@mui/material/Stack\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { capitalize } from \"@mui/material/utils\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n\nexport default LoadingCover\n"],"names":["LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","makeErrorMessage","stack","lowerFirst","capitalize"],"mappings":"kXAQaA,EAAgBC,GAIvB,CACJ,MAAMC,EAAcD,EAAM,aAAe,IAEnC,CAACE,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpEC,EAAQC,EAAAA,SAAA,EAEdC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,WAAW,IAAM,CAC/BL,EAA0B,EAAI,CAChC,EAAGF,CAAW,EAEd,MAAO,IAAM,aAAaO,CAAO,CACnC,CAAC,EAGCC,EAAAA,IAACC,EAAA,CACC,MAAM,OACN,OAAO,OACP,WAAW,SACX,eAAe,SACf,GAAI,CAAE,MAAOL,EAAM,QAAQ,KAAK,OAAA,EAE/B,WAAM,MACLI,EAAAA,IAACE,EAAA,CACC,eAAgBX,EAAM,QACtB,MAAOA,EAAM,KAAA,CAAA,EAGfY,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAiB,GAAI,CAAE,aAAc,QAAU,EAC/C,CAAC,CAACd,EAAM,SAAWS,EAAAA,IAAC,MAAA,CAAK,WAAM,QAAQ,EACxCA,EAAAA,IAACC,EAAA,CACC,GAAI,CACF,WAAYR,EAAyB,UAAY,SACjD,UAAW,OACX,MAAOG,EAAM,QAAQ,KAAK,SAAA,EAG3B,SAAA,wCAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAIR,EAEaM,EAAuBX,GAG9B,CACJ,MAAMe,EAAeC,EAAAA,iBAAiBhB,EAAM,KAAK,EAC3CiB,EAAQjB,EAAM,iBAAiB,MAAQA,EAAM,MAAM,MAAQ,KAC3DK,EAAQC,EAAAA,SAAA,EAEd,OACEM,EAAAA,KAACF,EAAA,CACC,GAAI,CACF,UAAW,OACX,SAAU,mBACV,QAAS,EACT,SAAU,OACV,MAAOL,EAAM,QAAQ,MAAM,KAC3B,QAAS,CACP,WAAY,WACZ,UAAW,aACX,cAAe,MAAA,CACjB,EAGA,SAAA,EAAAL,EAAM,eACJ,eAAekB,EAAAA,WAAWC,EAAAA,WAAWnB,EAAM,cAAc,CAAC,CAAC,MAC3D,IAAMe,QACT,KAAA,EAAG,EACHE,GAASR,EAAAA,IAAC,MAAA,CAAK,SAAAQ,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5B"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingCover.d.ts","sourceRoot":"","sources":["../../src/components/LoadingCover.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA4CA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;CACf,4CA2BA,CAAA;AAED,eAAe,YAAY,CAAA"}