muffin-admin 9.5.0 → 9.5.2

package/dist/MuffinMenu.js

@@ -6,7 +6,7 @@ import ListItemButton from "@mui/material/ListItemButton";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
 import { matchPath, useLocation } from "react-router-dom";
-import { Menu, useBasename, useTranslate } from "react-admin";
+import { Menu, useBasename, useTheme, useTranslate } from "react-admin";
 import find from "lodash/find";
 import groupBy from "lodash/groupBy";
 import { useContext, useState } from "react";
@@ -33,9 +33,19 @@ function MenuGroup({ name, resources }) {
     const translate = useTranslate();
     const basename = useBasename();
     const { pathname } = useLocation();
-    const match = resources.some((resource) => !!matchPath({
-        path: `${basename}/${resource.name}/*`,
-    }, pathname));
+    const match = resources.some((resource) => !!matchPath({ path: `${basename}/${resource.name}/*` }, pathname));
     const [groupOpen, setGroupOpen] = useState(match);
-    return (_jsxs("div", { children: [_jsxs(ListItemButton, { onClick: () => setGroupOpen(!groupOpen), children: [Icon && (_jsx(ListItemIcon, { sx: { minWidth: 40 }, children: _jsx(Icon, {}) })), _jsx(ListItemText, { primary: translate(`groups.${name}`) }), groupOpen ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {})] }), _jsx(Collapse, { in: groupOpen, timeout: "auto", unmountOnExit: true, children: resources.map(({ name }) => (_jsx(Menu.ResourceItem, { name: name }, name))) })] }));
+    const theme = useTheme()[0];
+    const colors = theme == "dark"
+        ? {
+            text: "rgba(255, 255, 255, 0.87)",
+            textSecondary: "rgba(255, 255, 255, 0.6)",
+        }
+        : {
+            text: "rgba(0, 0, 0, 0.87)",
+            textSecondary: "rgba(0, 0, 0, 0.6)",
+        };
+    return (_jsxs("div", { children: [_jsxs(ListItemButton, { onClick: () => setGroupOpen(!groupOpen), sx: {
+                    color: match ? colors.text : colors.textSecondary,
+                }, children: [Icon && (_jsx(ListItemIcon, { sx: { minWidth: 40 }, children: _jsx(Icon, {}) })), _jsx(ListItemText, { primary: translate(`groups.${name}`) }), groupOpen ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {})] }), _jsx(Collapse, { in: groupOpen, timeout: "auto", unmountOnExit: true, children: resources.map(({ name }) => (_jsx(Menu.ResourceItem, { name: name }, name))) })] }));
 }

package/dist/index.d.ts

@@ -19,4 +19,4 @@ export * from "./fields";
 export * from "./hooks";
 export * from "./types";
 export declare function initAdmin(prefix?: string, containerId?: string): Promise<void>;
-export declare const VERSION = "9.5.0";
+export declare const VERSION = "9.5.2";

package/dist/index.js

@@ -42,4 +42,4 @@ export function initAdmin() {
         root.render(_jsx(MuffinAdminContext.Provider, { value: adminOpts, children: _jsx(MuffinAdmin, {}) }));
     });
 }
-export const VERSION = "9.5.0";
+export const VERSION = "9.5.2";

package/dist/themes.js

@@ -3,8 +3,8 @@ export const muffinLightTheme = Object.assign(Object.assign({}, defaultLightThem
             styleOverrides: {
                 root: {
                     "&.RaMenuItemLink-active": {
-                        backgroundColor: "#f0f0f0",
                         borderRadius: "4px",
+                        backgroundColor: "#f0f0f0",
                     },
                 },
             },
@@ -13,8 +13,8 @@ export const muffinDarkTheme = Object.assign(Object.assign({}, defaultDarkTheme)
             styleOverrides: {
                 root: {
                     "&.RaMenuItemLink-active": {
-                        backgroundColor: "#424242",
                         borderRadius: "4px",
+                        backgroundColor: "#424242",
                     },
                 },
             },