muffin-admin 1.45.1 → 1.45.3

package/dist/types.d.ts

@@ -57,7 +57,7 @@ export type AdminOpts = {
     };
     apiUrl: string;
     appBarLinks: [{
-        ulr: string;
+        url: string;
         title: string;
         icon?: string;
     }];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muffin-admin",
-  "version": "1.45.1",
+  "version": "1.45.3",
   "description": "NPM package for https://github.com/klen/muffin-admin",
   "files": [
     "src",
@@ -30,19 +30,19 @@
     "validator": "^13.9.0"
   },
   "devDependencies": {
-    "@types/node": "20.3.2",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
+    "@types/node": "20.5.0",
+    "@types/react": "18.2.20",
+    "@types/react-dom": "18.2.7",
     "@types/react-window": "^1.8.5",
-    "@typescript-eslint/eslint-plugin": "^6.3.0",
-    "@typescript-eslint/parser": "^6.3.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
     "dotenv": "^16.3.1",
-    "eslint": "8.46.0",
+    "eslint": "8.47.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
     "html-webpack-plugin": "^5.5.3",
     "husky": "^8.0.1",
-    "prettier": "^3.0.1",
+    "prettier": "^3.0.2",
     "prettier-plugin-organize-imports": "^3.2.3",
     "ts-loader": "^9.4.4",
     "typescript": "^5.1.6",

package/src/MuffinAdmin.tsx

@@ -20,7 +20,7 @@ const darkTheme = createTheme({
 })
 
 export function MuffinAdmin(props: AdminOpts) {
-  const { resources, auth } = props
+  const { resources, auth, appBarLinks, dashboard } = props
   const children = resources.map((resource) =>
     buildAdmin(["resource", resource.name], {
       ...resource,
@@ -41,7 +41,7 @@ export function MuffinAdmin(props: AdminOpts) {
         }}
       />
       <ToggleThemeButton lightTheme={defaultTheme} darkTheme={darkTheme} />
-      {props.appBarLinks.map((info) => (
+      {appBarLinks.map((info) => (
         <Tooltip key={info.url} title={info.title}>
           <IconButton color="inherit" href={info.url}>
             <SvgIcon component={findIcon(info.icon)} />
@@ -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"

package/src/types.ts

@@ -57,7 +57,7 @@ export type AdminOpts = {
     mutationMode?: "optimistic" | "pessimistic" | "undoable"
   }
   apiUrl: string
-  appBarLinks: [{ ulr: string; title: string; icon?: string }]
+  appBarLinks: [{ url: string; title: string; icon?: string }]
   auth: {
     identityURL: string
     authorizeURL: string