muffin-admin 9.4.5 → 9.5.0

package/dist/MuffinAdmin.d.ts

@@ -1,5 +1,5 @@
 import { AdminProps, AppBarProps, LayoutProps, LoginProps } from "react-admin";
-export declare function MuffinAdmin(props: AdminProps): import("react/jsx-runtime").JSX.Element;
+export declare function MuffinAdmin({ lightTheme, darkTheme, ...props }: AdminProps): import("react/jsx-runtime").JSX.Element;
 export declare function MuffinAdminLayout(props: LayoutProps): import("react/jsx-runtime").JSX.Element;
 export declare function MuffinAppBar(props: AppBarProps): import("react/jsx-runtime").JSX.Element;
 export declare function MuffinLogin(props: LoginProps): import("react/jsx-runtime").JSX.Element;

package/dist/MuffinAdmin.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import IconButton from "@mui/material/IconButton";
 import SvgIcon from "@mui/material/SvgIcon";
@@ -8,8 +19,10 @@ import { useEffect } from "react";
 import { ConfirmationProvider } from "./common";
 import { useMuffinAdminOpts } from "./hooks";
 import { buildProvider, muffinTranslations } from "./i18n";
+import { muffinDarkTheme, muffinLightTheme } from "./themes";
 import { buildAdmin, deepMerge, findBuilder, findIcon, setupAdmin } from "./utils";
-export function MuffinAdmin(props) {
+export function MuffinAdmin(_a) {
+    var { lightTheme = muffinLightTheme, darkTheme = muffinDarkTheme } = _a, props = __rest(_a, ["lightTheme", "darkTheme"]);
     const opts = useMuffinAdminOpts();
     const { resources = [], auth, adminProps, apiUrl, locales: backendLocales } = opts;
     document.title = (adminProps === null || adminProps === void 0 ? void 0 : adminProps.title) || "Muffin Admin";
@@ -19,7 +32,7 @@ export function MuffinAdmin(props) {
             deepMerge({}, messages, backendLocales[locale], buildAdmin(["locale", locale]) || {}),
         ]))
         : muffinTranslations);
-    const { basename, authProvider = findBuilder(["auth-provider"])(auth), dataProvider = findBuilder(["data-provider"])(apiUrl), catchAll, dashboard = findBuilder(["dashboard"]), disableTelemetry, error, i18nProvider = muffinI18nProvider, layout = findBuilder(["layout"]), loading, loginPage = findBuilder(["loginpage"]), authCallbackPage, notification, queryClient, requireAuth = auth.required, store = localStorageStore(), ready, theme, lightTheme, darkTheme, defaultTheme, title = "React Admin", } = props;
+    const { basename, authProvider = findBuilder(["auth-provider"])(auth), dataProvider = findBuilder(["data-provider"])(apiUrl), catchAll, dashboard = findBuilder(["dashboard"]), disableTelemetry, error, i18nProvider = muffinI18nProvider, layout = findBuilder(["layout"]), loading, loginPage = findBuilder(["loginpage"]), authCallbackPage, notification, queryClient, requireAuth = auth.required, store = localStorageStore(), ready, theme, defaultTheme, title = "React Admin", } = props;
     return (_jsx(AdminContext, { authProvider: authProvider, basename: basename, dataProvider: dataProvider, i18nProvider: i18nProvider, store: store, queryClient: queryClient, theme: theme, lightTheme: lightTheme, darkTheme: darkTheme, defaultTheme: defaultTheme, children: _jsx(ConfirmationProvider, { children: _jsx(AdminUI, { layout: layout, dashboard: dashboard, disableTelemetry: disableTelemetry, catchAll: catchAll, error: error, title: title, loading: loading, loginPage: loginPage, authCallbackPage: authCallbackPage, notification: notification, requireAuth: requireAuth, ready: ready, children: resources === null || resources === void 0 ? void 0 : resources.map(({ name }) => buildAdmin(["resource", name], { name })) }) }) }));
 }
 setupAdmin(["admin"], MuffinAdmin);

package/dist/MuffinMenu.js

@@ -5,7 +5,8 @@ import Collapse from "@mui/material/Collapse";
 import ListItemButton from "@mui/material/ListItemButton";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
-import { Menu, useTranslate } from "react-admin";
+import { matchPath, useLocation } from "react-router-dom";
+import { Menu, useBasename, useTranslate } from "react-admin";
 import find from "lodash/find";
 import groupBy from "lodash/groupBy";
 import { useContext, useState } from "react";
@@ -30,6 +31,11 @@ function MenuGroup({ name, resources }) {
     const iconRes = find(resources, "icon");
     const Icon = iconRes ? findIcon(iconRes.icon) : null;
     const translate = useTranslate();
-    const [groupOpen, setGroupOpen] = useState(false);
+    const basename = useBasename();
+    const { pathname } = useLocation();
+    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))) })] }));
 }

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.4.5";
+export declare const VERSION = "9.5.0";

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.4.5";
+export const VERSION = "9.5.0";

package/dist/themes.d.ts

@@ -0,0 +1,3 @@
+import { defaultDarkTheme, defaultLightTheme } from "react-admin";
+export declare const muffinLightTheme: typeof defaultLightTheme;
+export declare const muffinDarkTheme: typeof defaultDarkTheme;

package/dist/themes.js

@@ -0,0 +1,21 @@
+import { defaultDarkTheme, defaultLightTheme } from "react-admin";
+export const muffinLightTheme = Object.assign(Object.assign({}, defaultLightTheme), { components: Object.assign(Object.assign({}, defaultLightTheme.components), { RaMenuItemLink: {
+            styleOverrides: {
+                root: {
+                    "&.RaMenuItemLink-active": {
+                        backgroundColor: "#f0f0f0",
+                        borderRadius: "4px",
+                    },
+                },
+            },
+        } }) });
+export const muffinDarkTheme = Object.assign(Object.assign({}, defaultDarkTheme), { components: Object.assign(Object.assign({}, defaultDarkTheme.components), { RaMenuItemLink: {
+            styleOverrides: {
+                root: {
+                    "&.RaMenuItemLink-active": {
+                        backgroundColor: "#424242",
+                        borderRadius: "4px",
+                    },
+                },
+            },
+        } }) });