muffin-admin 2.8.0 → 2.9.0

package/dist/types.d.ts

@@ -42,6 +42,7 @@ export type AdminResourceProps = {
         limit: number;
         limitMax: number;
         actions: AdminAction[];
+        create: boolean;
         filters: AdminInput[];
         fields: AdminField[];
         show: boolean;

package/package.json

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

package/src/MuffinResourceList.tsx

@@ -1,32 +1,44 @@
 import sortBy from "lodash/sortBy"
 import uniq from "lodash/uniq"
-import { BulkDeleteButton, Datagrid, EditButton, List, Pagination } from "react-admin"
+import {
+  BulkDeleteButton,
+  CreateButton,
+  DatagridConfigurable,
+  EditButton,
+  ExportButton,
+  FilterButton,
+  List,
+  Pagination,
+  SelectColumnsButton,
+  TopToolbar,
+} from "react-admin"
 import { buildRA } from "./buildRA"
 import { BulkActionButton } from "./buttons"
 import { useMuffinResourceOpts } from "./hooks"
-import { AdminAction } from "./types"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
 export function MuffinResourceList() {
   const { name, list } = useMuffinResourceOpts()
-  const { fields, edit, show, limit, limitMax, filters, actions, remove, sort } = list
+  const { fields, edit, show, limit, limitMax, filters, sort } = list
 
   const Actions = findBuilder(["list-actions", name])
+  const BulkActions = findBuilder(["list-bulk-actions", name])
 
   return (
     <List
       sort={sort}
       perPage={limit}
+      actions={<Actions />}
       filters={buildAdmin(["list-filters", name], filters)}
-      bulkActionButtons={<Actions actions={actions} remove={remove} />}
+      bulkActionButtons={<BulkActions />}
       pagination={
         <Pagination rowsPerPageOptions={sortBy(uniq([10, 25, 50, 100, limit, limitMax]))} />
       }
     >
-      <Datagrid rowClick={show ? "show" : edit ? "edit" : false}>
+      <DatagridConfigurable rowClick={show ? "show" : edit ? "edit" : false}>
         {buildAdmin(["list-fields", name], fields)}
         {edit && <EditButton />}
-      </Datagrid>
+      </DatagridConfigurable>
     </List>
   )
 }
@@ -36,13 +48,25 @@ setupAdmin(["list-fields"], buildRA)
 
 setupAdmin(["list-filters"], buildRA)
 
-function MuffinResourceListActions({
-  actions,
-  remove,
-}: {
-  actions: AdminAction[]
-  remove?: boolean
-}) {
+function MuffinListActions() {
+  const {
+    list: { create },
+  } = useMuffinResourceOpts()
+  return (
+    <TopToolbar>
+      <SelectColumnsButton />
+      <FilterButton />
+      {create && <CreateButton />}
+      <ExportButton />
+    </TopToolbar>
+  )
+}
+setupAdmin(["list-actions"], MuffinListActions)
+
+function MuffinListBulkActions() {
+  const {
+    list: { actions, remove },
+  } = useMuffinResourceOpts()
   return (
     <>
       {actions.map((props) => (
@@ -53,4 +77,4 @@ function MuffinResourceListActions({
   )
 }
 
-setupAdmin(["list-actions"], MuffinResourceListActions)
+setupAdmin(["list-bulk-actions"], MuffinListBulkActions)

package/src/types.ts

@@ -43,6 +43,7 @@ export type AdminResourceProps = {
     limit: number
     limitMax: number
     actions: AdminAction[]
+    create: boolean
     filters: AdminInput[]
     fields: AdminField[]
     // Enable show button