muffin-admin 9.3.0 → 9.4.1

package/dist/MuffinAdmin.js

@@ -23,7 +23,7 @@ export function MuffinAdmin(props) {
 }
 setupAdmin(["admin"], MuffinAdmin);
 export function MuffinAdminLayout(props) {
-    return _jsx(Layout, Object.assign({}, props, { appBar: findBuilder(["appbar"]) }));
+    return _jsx(Layout, Object.assign({}, props, { appBar: findBuilder(["appbar"]), menu: findBuilder(["menu"]) }));
 }
 setupAdmin(["layout"], MuffinAdminLayout);
 export function MuffinAppBar(props) {

package/dist/MuffinMenu.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from "react-admin";
+export declare function MuffinMenu(props: MenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/MuffinMenu.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+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 find from "lodash/find";
+import groupBy from "lodash/groupBy";
+import { useContext, useState } from "react";
+import { MuffinAdminContext } from "./context";
+import { findIcon, setupAdmin } from "./utils";
+export function MuffinMenu(props) {
+    const { resources } = useContext(MuffinAdminContext);
+    const groups = groupBy(resources.filter((r) => r.group), "group");
+    const groupRendered = [];
+    return (_jsxs(Menu, Object.assign({}, props, { children: [_jsx(Menu.DashboardItem, {}), resources.map(({ name, group }) => {
+                if (!group)
+                    return _jsx(Menu.ResourceItem, { name: name }, name);
+                if (groupRendered.includes(group))
+                    return null;
+                groupRendered.push(group);
+                const groupResources = groups[group];
+                return _jsx(MenuGroup, { name: group, resources: groupResources }, group);
+            })] })));
+}
+setupAdmin(["menu"], MuffinMenu);
+function MenuGroup({ name, resources }) {
+    const iconRes = find(resources, "icon");
+    const Icon = iconRes ? findIcon(iconRes.icon) : null;
+    const translate = useTranslate();
+    const [groupOpen, setGroupOpen] = useState(false);
+    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

@@ -1,6 +1,7 @@
 export * from "./utils";
 export * from "./MuffinAdmin";
 export * from "./MuffinDashboard";
+export * from "./MuffinMenu";
 export * from "./MuffinRecordList";
 export * from "./MuffinResource";
 export * from "./MuffinResourceCreate";
@@ -18,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.3.0";
+export declare const VERSION = "9.4.1";

package/dist/index.js

@@ -14,6 +14,7 @@ import { MuffinAdminContext } from "./context";
 export * from "./utils";
 export * from "./MuffinAdmin";
 export * from "./MuffinDashboard";
+export * from "./MuffinMenu";
 export * from "./MuffinRecordList";
 export * from "./MuffinResource";
 export * from "./MuffinResourceCreate";
@@ -41,4 +42,4 @@ export function initAdmin() {
         root.render(_jsx(MuffinAdminContext.Provider, { value: adminOpts, children: _jsx(MuffinAdmin, {}) }));
     });
 }
-export const VERSION = "9.3.0";
+export const VERSION = "9.4.1";