muffin-admin 3.8.2 → 3.8.4

package/dist/types.d.ts

@@ -2,7 +2,7 @@ export type TProps = {
     [key: string]: any;
 };
 export type AdminAction = {
-    view: ("show" | "edit" | "list" | "bulk")[];
+    view?: ("show" | "edit" | "list" | "bulk")[];
     id: string;
     label: string;
     title: string;
@@ -17,6 +17,7 @@ export type AdminField = [string, {
 export type AdminInput = [string, {
     required: boolean;
     source: string;
+    [key: string]: any;
 }];
 export type AdminShowLink = {
     label: string;
@@ -29,6 +30,13 @@ export type AdminShowProps = {
     links: [string, AdminShowLink][];
     edit?: boolean;
 };
+export type AdminPayloadProps = {
+    active: boolean;
+    onClose: () => void;
+    onHandle: (payload?: any) => void;
+    title?: string;
+    schema?: AdminInput[];
+};
 export type AdminResourceProps = {
     name: string;
     icon?: string;

package/package.json

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

package/src/MuffinResourceEdit.tsx

@@ -65,7 +65,7 @@ setupAdmin(["edit-toolbar"], MuffinEditToolbar)
 export function MuffinEditActions() {
   const { edit, actions: baseActions = [] } = useMuffinResourceOpts()
   if (!edit) return null
-  const actions = baseActions.filter((a => a.view.includes("edit")))
+  const actions = baseActions.filter((a) => a.view?.includes("edit"))
   return (
     <>
       {actions.map((props, idx) => (

package/src/MuffinResourceList.tsx

@@ -93,7 +93,7 @@ function MuffinListBulkActions() {
     actions: baseActions = [],
     list: { remove },
   } = useMuffinResourceOpts()
-  const actions = baseActions.filter((a) => a.view.includes("bulk"))
+  const actions = baseActions.filter((a) => a.view?.includes("bulk"))
   return (
     <>
       {actions.map((props) => (

package/src/MuffinResourceShow.tsx

@@ -40,7 +40,7 @@ setupAdmin(["show-toolbar"], MuffinShowToolbar)
 
 export function MuffinShowActions() {
   const { actions: baseActions = [] } = useMuffinResourceOpts()
-  const actions = baseActions.filter((a) => a.view.includes("show"))
+  const actions = baseActions.filter((a) => a.view?.includes("show"))
   return actions.map((props) => <ActionButton key={props.id} {...props} />)
 }
 

package/src/buttons/ActionButton.tsx

@@ -13,7 +13,7 @@ import { useState } from "react"
 import { buildRA } from "../buildRA"
 import { AdminModal, PayloadButtons, useConfirmation } from "../common"
 import { useAction } from "../hooks/useAction"
-import { AdminAction } from "../types"
+import { AdminAction, AdminPayloadProps } from "../types"
 import { buildIcon, findBuilder } from "../utils"
 
 export type ActionPayloadProps = {
@@ -102,7 +102,7 @@ function ActionButtonBase({
   )
 }
 
-export function CommonPayload({ active, onClose, onHandle, schema, title }) {
+export function CommonPayload({ active, onClose, onHandle, schema, title }: AdminPayloadProps) {
   schema[0][1] = { ...schema[0][1], autoFocus: true }
   const inputs = buildRA(schema)
   const translate = useTranslate()

package/src/types.ts

@@ -3,7 +3,7 @@ export type TProps = {
 }
 
 export type AdminAction = {
-  view: ("show" | "edit" | "list" | "bulk")[]
+  view?: ("show" | "edit" | "list" | "bulk")[]
   id: string
   label: string
   title: string
@@ -14,7 +14,7 @@ export type AdminAction = {
 }
 
 export type AdminField = [string, { source: string }]
-export type AdminInput = [string, { required: boolean; source: string }]
+export type AdminInput = [string, { required: boolean; source: string; [key: string]: any }]
 
 export type AdminShowLink = {
   label: string
@@ -28,6 +28,14 @@ export type AdminShowProps = {
   edit?: boolean
 }
 
+export type AdminPayloadProps = {
+  active: boolean
+  onClose: () => void
+  onHandle: (payload?: any) => void
+  title?: string
+  schema?: AdminInput[]
+}
+
 export type AdminResourceProps = {
   name: string
   icon?: string
@@ -35,11 +43,11 @@ export type AdminResourceProps = {
   actions: AdminAction[]
   create: AdminInput[] | false
   edit:
-  | {
-    inputs: AdminInput[]
-    remove?: boolean
-  }
-  | false
+    | {
+        inputs: AdminInput[]
+        remove?: boolean
+      }
+    | false
   list: {
     limit: number
     limitMax: number