muffin-admin 1.45.2 → 1.45.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muffin-admin",
-  "version": "1.45.2",
+  "version": "1.45.3",
   "description": "NPM package for https://github.com/klen/muffin-admin",
   "files": [
     "src",

package/src/MuffinAdmin.tsx

@@ -20,7 +20,7 @@ const darkTheme = createTheme({
 })
 
 export function MuffinAdmin(props: AdminOpts) {
-  const { resources, auth, appBarLinks } = props
+  const { resources, auth, appBarLinks, dashboard } = props
   const children = resources.map((resource) =>
     buildAdmin(["resource", resource.name], {
       ...resource,
@@ -54,12 +54,12 @@ export function MuffinAdmin(props: AdminOpts) {
   return (
     <AdminPropsContext.Provider value={props}>
       <Admin
-        requireAuth={auth.required}
-        dashboard={buildAdmin(["dashboard"])}
-        loginPage={findBuilder(["loginpage"])}
         authProvider={buildAdmin(["authprovider"], auth)}
-        layout={(props) => <Layout {...props} appBar={appBar} />}
+        dashboard={buildAdmin(["dashboard"], dashboard)}
         dataProvider={buildAdmin(["dataprovider"], props) as unknown as DataProvider}
+        layout={(props) => <Layout {...props} appBar={appBar} />}
+        loginPage={findBuilder(["loginpage"])}
+        requireAuth={auth.required}
       >
         {children}
       </Admin>

package/src/MuffinDashboard.tsx

@@ -7,20 +7,30 @@ import TableCell from "@mui/material/TableCell"
 import TableRow from "@mui/material/TableRow"
 import Typography from "@mui/material/Typography"
 import { AdminDashboardBlock, AdminOpts } from "./types"
+import { setupAdmin } from "./utils"
 
-export function MuffinDashboard(props: AdminOpts["dashboard"]) {
+export function MuffinDashboard({ src }: { src: AdminOpts["dashboard"] }) {
   return (
     <Grid container spacing={1}>
-      {Array.isArray(props) ? (
-        props.map((card, idx) => <DashboardCard key={idx} {...card} />)
-      ) : (
-        <DashboardCard {...props} />
-      )}
+      <AdminCards src={src} />
     </Grid>
   )
 }
 
-function DashboardCard(title, value: AdminDashboardBlock) {
+function AdminCards({ src }: { src: AdminDashboardBlock | AdminDashboardBlock[] }) {
+  if (Array.isArray(src))
+    return (
+      <Grid container item spacing={2}>
+        {src.map((card, idx) => (
+          <AdminCards key={idx} src={card} />
+        ))}
+      </Grid>
+    )
+
+  return <DashboardCard {...src} />
+}
+
+function DashboardCard({ title, value }: AdminDashboardBlock) {
   return (
     <Grid item xs>
       <Card>
@@ -50,3 +60,5 @@ const AdminTableView = ({ src }) => (
     </TableBody>
   </Table>
 )
+
+setupAdmin(["dashboard"], (dashboard) => () => <MuffinDashboard src={dashboard} />)

package/src/index.tsx

@@ -2,6 +2,7 @@ import { createRoot } from "react-dom/client"
 import { buildAdmin } from "./utils"
 
 export * from "./MuffinAdmin"
+export * from "./MuffinDashboard"
 export * from "./MuffinResource"
 export * from "./MuffinResourceCreate"
 export * from "./MuffinResourceEdit"