muffin-admin 2.9.2 → 3.0.2

package/package.json

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

package/src/MuffinResourceCreate.tsx

@@ -7,21 +7,20 @@ export function MuffinResourceCreate() {
   const { name, create } = useMuffinResourceOpts()
   if (!create) return null
 
-  const Actions = findBuilder(["create-actions", name])
+  const ActionsToolbar = findBuilder(["create-toolbar", name])
 
   return (
-    <Create actions={<Actions />}>
+    <Create actions={<ActionsToolbar />}>
       <SimpleForm>{buildAdmin(["create-inputs", name], create)}</SimpleForm>
     </Create>
   )
 }
 
 setupAdmin(["create"], MuffinResourceCreate)
+setupAdmin(["create-inputs"], buildRA)
 
-setupAdmin(["create-actions"], () => (
+setupAdmin(["create-toolbar"], () => (
   <TopToolbar>
     <ListButton />
   </TopToolbar>
 ))
-
-setupAdmin(["create-inputs"], buildRA)

package/src/MuffinResourceEdit.tsx

@@ -13,7 +13,7 @@ import { ActionButton } from "./buttons"
 import { useMuffinAdminOpts, useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinResourceEdit() {
+export function MuffinEdit() {
   const {
     adminProps: { mutationMode = "optimistic" },
   } = useMuffinAdminOpts()
@@ -21,10 +21,10 @@ export function MuffinResourceEdit() {
   if (!edit) return null
 
   const { inputs, remove } = edit
-  const Actions = findBuilder(["edit-actions", name]) as unknown as any
+  const ActionsToolbar = findBuilder(["edit-toolbar", name])
 
   return (
-    <Edit actions={<Actions />} mutationMode={mutationMode}>
+    <Edit actions={<ActionsToolbar />} mutationMode={mutationMode}>
       <SimpleForm
         toolbar={
           <Toolbar>
@@ -45,23 +45,34 @@ export function MuffinResourceEdit() {
   )
 }
 
-setupAdmin(["edit"], MuffinResourceEdit)
+setupAdmin(["edit"], MuffinEdit)
+setupAdmin(["edit-inputs"], buildRA)
+
+export function MuffinEditToolbar() {
+  const { name } = useMuffinResourceOpts()
+  const Actions = findBuilder(["edit-actions", name])
+  return (
+    <TopToolbar>
+      <Actions />
+      <ListButton />
+      <ShowButton />
+    </TopToolbar>
+  )
+}
+
+setupAdmin(["edit-toolbar"], MuffinEditToolbar)
 
-function MuffinResourceEditActions() {
+export function MuffinEditActions() {
   const { edit } = useMuffinResourceOpts()
   if (!edit) return null
   const { actions = [] } = edit
   return (
-    <TopToolbar>
+    <>
       {actions.map((props, idx) => (
         <ActionButton key={idx} {...props} />
       ))}
-      <ListButton />
-      <ShowButton />
-    </TopToolbar>
+    </>
   )
 }
 
-setupAdmin(["edit-actions"], MuffinResourceEditActions)
-
-setupAdmin(["edit-inputs"], buildRA)
+setupAdmin(["edit-actions"], MuffinEditActions)

package/src/MuffinResourceList.tsx

@@ -17,18 +17,18 @@ import { BulkActionButton } from "./buttons"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinResourceList() {
+export function MuffinList() {
   const { name, list } = useMuffinResourceOpts()
   const { fields, edit, show, limit, limitMax, filters, sort } = list
 
-  const Actions = findBuilder(["list-actions", name])
+  const Toolbar = findBuilder(["list-toolbar", name])
   const BulkActions = findBuilder(["list-bulk-actions", name])
 
   return (
     <List
       sort={sort}
       perPage={limit}
-      actions={<Actions />}
+      actions={<Toolbar />}
       filters={buildAdmin(["list-filters", name], filters)}
       bulkActionButtons={<BulkActions />}
       pagination={
@@ -43,12 +43,11 @@ export function MuffinResourceList() {
   )
 }
 
-setupAdmin(["list"], MuffinResourceList)
+setupAdmin(["list"], MuffinList)
 setupAdmin(["list-fields"], buildRA)
-
 setupAdmin(["list-filters"], buildRA)
 
-function MuffinListActions() {
+function MuffinListToolbar() {
   const {
     list: { create },
   } = useMuffinResourceOpts()
@@ -61,7 +60,7 @@ function MuffinListActions() {
     </TopToolbar>
   )
 }
-setupAdmin(["list-actions"], MuffinListActions)
+setupAdmin(["list-toolbar"], MuffinListToolbar)
 
 function MuffinListBulkActions() {
   const {

package/src/MuffinResourceShow.tsx

@@ -5,45 +5,26 @@ import { ActionButton } from "./buttons"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
-export function MuffinResourceShow() {
+export function MuffinShow() {
   const { show, name } = useMuffinResourceOpts()
-  const ShowActions = findBuilder(["show-actions", name])
+  const ActionsToolbar = findBuilder(["show-toolbar", name])
 
   return (
-    <Show actions={<ShowActions />}>
+    <Show actions={<ActionsToolbar />}>
       <SimpleShowLayout>{buildAdmin(["show-fields", name], show)}</SimpleShowLayout>
     </Show>
   )
 }
 
-setupAdmin(["record-actions"], () => {
-  const { show } = useMuffinResourceOpts()
-  const { actions } = show
-  return actions.map((props) => <ActionButton key={props.id} {...props} />)
-})
-
-setupAdmin(["record-links"], () => {
-  const { show } = useMuffinResourceOpts()
-  const { links } = show
-  return (
-    <div style={{ marginRight: "auto" }}>
-      {links.map(([key, props]) => (
-        <LinkAction key={key} resource={key} {...props} />
-      ))}
-    </div>
-  )
-})
-
-setupAdmin(["show"], (props) => <MuffinResourceShow {...props} />)
-
+setupAdmin(["show"], (props) => <MuffinShow {...props} />)
 setupAdmin(["show-fields"], ({ fields }) => buildRA(fields))
 
-setupAdmin(["show-actions"], () => {
+export function MuffinShowToolbar() {
   const { show, name } = useMuffinResourceOpts()
   const { edit } = show
 
-  const Links = findBuilder(["record-links", name])
-  const Actions = findBuilder(["record-actions", name])
+  const Links = findBuilder(["show-links", name])
+  const Actions = findBuilder(["show-actions", name])
 
   return (
     <TopToolbar>
@@ -53,4 +34,28 @@ setupAdmin(["show-actions"], () => {
       {edit && <EditButton />}
     </TopToolbar>
   )
-})
+}
+
+setupAdmin(["show-toolbar"], MuffinShowToolbar)
+
+export function MuffinShowActions() {
+  const { show } = useMuffinResourceOpts()
+  const { actions } = show
+  return actions.map((props) => <ActionButton key={props.id} {...props} />)
+}
+
+setupAdmin(["show-actions"], MuffinShowActions)
+
+export function MuffinShowLinks() {
+  const { show } = useMuffinResourceOpts()
+  const { links } = show
+  return (
+    <div style={{ marginRight: "auto" }}>
+      {links.map(([key, props]) => (
+        <LinkAction key={key} resource={key} {...props} />
+      ))}
+    </div>
+  )
+}
+
+setupAdmin(["show-links"], MuffinShowLinks)