muffin-admin 8.1.2 → 8.3.0

package/package.json

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

package/src/MuffinRecordList.tsx

@@ -0,0 +1,29 @@
+import Box from "@mui/material/Box"
+import Typography from "@mui/material/Typography"
+import { Datagrid, SortPayload, useGetList, useRecordContext, useTranslate } from "react-admin"
+import { useMuffinResourceOpts } from "./hooks"
+import { buildAdmin } from "./utils"
+
+type TProps = {
+  resource: string
+  filter: (record: any) => Record<string, any>
+  sort?: SortPayload
+}
+export function MuffinRecordList({ resource, filter, sort }: TProps) {
+  const record = useRecordContext()
+  const translate = useTranslate()
+  const {
+    list: { fields },
+  } = useMuffinResourceOpts(resource)
+  const { data, isPending } = useGetList(resource, { sort, filter: filter(record) })
+  return (
+    <Box p={2}>
+      <Typography variant="h6">
+        {translate(`resources.${resource}.name`, { smart_count: 2 })}
+      </Typography>
+      <Datagrid resource={resource} bulkActionButtons={false} isPending={isPending} data={data}>
+        {buildAdmin(["list-fields", resource], fields)}
+      </Datagrid>
+    </Box>
+  )
+}

package/src/MuffinResourceShow.tsx

@@ -12,8 +12,8 @@ export function MuffinShow({ children }: PropsWithChildren) {
 
   return (
     <Show actions={<ShowToolbar />}>
-      {children}
       <SimpleShowLayout>{buildAdmin(["show-fields", name], show)}</SimpleShowLayout>
+      {children}
     </Show>
   )
 }

package/src/hooks/useMuffinResourceOpts.ts

@@ -1,8 +1,8 @@
 import { useResourceContext } from "react-admin"
 import { useMuffinAdminOpts } from "./useMuffinAdminOpts"
 
-export function useMuffinResourceOpts() {
-  const resource = useResourceContext()
+export function useMuffinResourceOpts(resource?) {
+  resource = useResourceContext({ resource })
   const { resources } = useMuffinAdminOpts()
   return resources.find((r) => r.name === resource)
 }

package/src/index.tsx

@@ -6,6 +6,7 @@ export * from "./utils"
 
 export * from "./MuffinAdmin"
 export * from "./MuffinDashboard"
+export * from "./MuffinRecordList"
 export * from "./MuffinResource"
 export * from "./MuffinResourceCreate"
 export * from "./MuffinResourceEdit"
@@ -35,4 +36,4 @@ export async function initAdmin(prefix = "", containerId: string = "root") {
   )
 }
 
-export const VERSION = "8.1.2"
+export const VERSION = "8.3.0"