muffin-admin 3.18.6 → 3.19.0

package/package.json

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

package/src/MuffinResourceCreate.tsx

@@ -1,9 +1,10 @@
+import { PropsWithChildren } from "react"
 import { Create, ListButton, SimpleForm, TopToolbar } from "react-admin"
 import { buildRA } from "./buildRA"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinResourceCreate() {
+export function MuffinResourceCreate({ children }: PropsWithChildren) {
   const { name, create } = useMuffinResourceOpts()
   if (!create) return null
 
@@ -11,6 +12,7 @@ export function MuffinResourceCreate() {
 
   return (
     <Create actions={<ActionsToolbar />}>
+      {children}
       <SimpleForm>{buildAdmin(["create-inputs", name], create)}</SimpleForm>
     </Create>
   )
@@ -19,8 +21,13 @@ export function MuffinResourceCreate() {
 setupAdmin(["create"], MuffinResourceCreate)
 setupAdmin(["create-inputs"], buildRA)
 
-setupAdmin(["create-toolbar"], () => (
-  <TopToolbar>
-    <ListButton />
-  </TopToolbar>
-))
+export function MuffinCreateToolbar({ children }: PropsWithChildren) {
+  return (
+    <TopToolbar>
+      {children}
+      <ListButton />
+    </TopToolbar>
+  )
+}
+
+setupAdmin(["create-toolbar"], MuffinCreateToolbar)

package/src/MuffinResourceEdit.tsx

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from "react"
 import {
   DeleteButton,
   Edit,
@@ -14,7 +15,7 @@ import { ActionButton } from "./buttons"
 import { useMuffinAdminOpts, useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinEdit() {
+export function MuffinEdit({ children }: PropsWithChildren) {
   const {
     adminProps: { mutationMode = "optimistic" },
   } = useMuffinAdminOpts()
@@ -26,6 +27,7 @@ export function MuffinEdit() {
 
   return (
     <Edit actions={<ActionsToolbar />} mutationMode={mutationMode}>
+      {children}
       <SimpleForm
         toolbar={
           <Toolbar>
@@ -49,12 +51,13 @@ export function MuffinEdit() {
 setupAdmin(["edit"], MuffinEdit)
 setupAdmin(["edit-inputs"], buildRA)
 
-export function MuffinEditToolbar() {
+export function MuffinEditToolbar({ children }: PropsWithChildren) {
   const resource = useResourceContext()
   const Actions = findBuilder(["edit-actions", resource])
   return (
     <TopToolbar>
       <Actions />
+      {children}
       <ListButton />
       <ShowButton />
     </TopToolbar>
@@ -63,12 +66,13 @@ export function MuffinEditToolbar() {
 
 setupAdmin(["edit-toolbar"], MuffinEditToolbar)
 
-export function MuffinEditActions() {
+export function MuffinEditActions({ children }: PropsWithChildren) {
   const { edit, actions: baseActions = [] } = useMuffinResourceOpts()
   if (!edit) return null
   const actions = baseActions.filter((a) => a.view?.includes("edit"))
   return (
     <>
+      {children}
       {actions.map((props, idx) => (
         <ActionButton key={idx} {...props} />
       ))}

package/src/MuffinResourceList.tsx

@@ -1,5 +1,6 @@
 import sortBy from "lodash/sortBy"
 import uniq from "lodash/uniq"
+import { PropsWithChildren } from "react"
 import {
   BulkDeleteButton,
   BulkExportButton,
@@ -19,7 +20,7 @@ import { HelpLink } from "./common/HelpLink"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinList() {
+export function MuffinList({ children }: PropsWithChildren) {
   const { name, list } = useMuffinResourceOpts()
   const { limit, limitMax, filters, sort } = list
 
@@ -36,6 +37,7 @@ export function MuffinList() {
         <Pagination rowsPerPageOptions={sortBy(uniq([10, 25, 50, 100, limit, limitMax]))} />
       }
     >
+      {children}
       <DataGrid />
     </List>
   )

package/src/MuffinResourceShow.tsx

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from "react"
 import { EditButton, ListButton, Show, SimpleShowLayout, TopToolbar } from "react-admin"
 import { LinkAction } from "./actions"
 import { buildRA } from "./buildRA"
@@ -5,12 +6,13 @@ import { ActionButton } from "./buttons"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinShow() {
+export function MuffinShow({ children }: PropsWithChildren) {
   const { show, name } = useMuffinResourceOpts()
   const ActionsToolbar = findBuilder(["show-toolbar", name])
 
   return (
     <Show actions={<ActionsToolbar />}>
+      {children}
       <SimpleShowLayout>{buildAdmin(["show-fields", name], show)}</SimpleShowLayout>
     </Show>
   )
@@ -19,7 +21,7 @@ export function MuffinShow() {
 setupAdmin(["show"], (props) => <MuffinShow {...props} />)
 setupAdmin(["show-fields"], ({ fields }) => buildRA(fields))
 
-export function MuffinShowToolbar() {
+export function MuffinShowToolbar({ children }: PropsWithChildren) {
   const { show, name } = useMuffinResourceOpts()
   const { edit } = show
 
@@ -30,6 +32,7 @@ export function MuffinShowToolbar() {
     <TopToolbar>
       <Links />
       <Actions />
+      {children}
       <ListButton />
       {edit && <EditButton />}
     </TopToolbar>
@@ -38,15 +41,22 @@ export function MuffinShowToolbar() {
 
 setupAdmin(["show-toolbar"], MuffinShowToolbar)
 
-export function MuffinShowActions() {
+export function MuffinShowActions({ children }: PropsWithChildren) {
   const { actions: baseActions = [] } = useMuffinResourceOpts()
   const actions = baseActions.filter((a) => a.view?.includes("show"))
-  return actions.map((props) => <ActionButton key={props.id} {...props} />)
+  return (
+    <>
+      {children}
+      {actions.map((props) => (
+        <ActionButton key={props.id} {...props} />
+      ))}
+    </>
+  )
 }
 
 setupAdmin(["show-actions"], MuffinShowActions)
 
-export function MuffinShowLinks() {
+export function MuffinShowLinks({ children }: PropsWithChildren) {
   const { show } = useMuffinResourceOpts()
   const { links } = show
   return (
@@ -54,6 +64,7 @@ export function MuffinShowLinks() {
       {links.map(([key, props]) => (
         <LinkAction key={key} resource={key} {...props} />
       ))}
+      {children}
     </div>
   )
 }