muffin-admin 3.13.4 → 3.14.0

package/dist/types.d.ts

@@ -11,6 +11,7 @@ export type AdminAction = {
     paths: string[];
     confirm?: string | false;
     schema?: AdminInput[];
+    file?: boolean;
 };
 export type AdminField = [string, {
     source: string;

package/package.json

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

package/src/buttons/ActionButton.tsx

@@ -2,6 +2,7 @@ import {
   Button,
   FormGroupsProvider,
   useAugmentedForm,
+  useDataProvider,
   useListContext,
   useRecordContext,
   useResourceContext,
@@ -9,7 +10,7 @@ import {
 } from "react-admin"
 import { FormProvider } from "react-hook-form"
 
-import { Stack } from "@mui/material"
+import { Link, Stack } from "@mui/material"
 import { useState } from "react"
 import { buildRA } from "../buildRA"
 import { AdminModal, PayloadButtons, useConfirmation } from "../common"
@@ -24,12 +25,28 @@ export type ActionPayloadProps = {
   onHandle: (payload: any) => void
 }
 
-export function ActionButton({ paths, confirm, ...props }: AdminAction) {
+export function ActionButton({ paths, confirm, file, ...props }: AdminAction) {
   const translate = useTranslate()
   const record = useRecordContext()
   const confirmation = useConfirmation()
   const path = paths.find((p) => p.includes("{id}")) || paths[paths.length - 1]
   const { mutate, isPending } = useAction(path)
+  const dataprovider = useDataProvider()
+
+  if (file) {
+    return (
+      <Button
+        component={Link}
+        label={props.label}
+        onClick={(e) => {
+          e.stopPropagation()
+          dataprovider.downloadFile(path)
+        }}
+      >
+        {buildIcon(props.icon)}
+      </Button>
+    )
+  }
 
   const confirmMessage =
     typeof confirm === "string" ? translate(confirm) : "Do you confirm this action?"

package/src/dataprovider.ts

@@ -1,4 +1,4 @@
-import { APIParams, makeRequest, setupAdmin } from "./utils"
+import { APIParams, makeRequest, requestHeaders, setupAdmin } from "./utils"
 
 export function MuffinDataprovider(apiUrl: string) {
   async function request(url: string, options?: APIParams) {
@@ -87,6 +87,19 @@ export function MuffinDataprovider(apiUrl: string) {
       })
       return { data: json }
     },
+
+    downloadFile: async (path: string) => {
+      const response = await fetch(`${apiUrl}/${path}`, {
+        headers: requestHeaders,
+      })
+      const url = window.URL.createObjectURL(await response.blob())
+      const link = document.createElement("a")
+      link.href = url
+      link.setAttribute("download", path)
+      link.click()
+      // no need to append link as child to body.
+      setTimeout(() => window.URL.revokeObjectURL(url), 0) // this is important too, otherwise we will be unnecessarily spiking memory!
+    },
   }
   return methods
 }

package/src/types.ts

@@ -12,6 +12,7 @@ export type AdminAction = {
   paths: string[]
   confirm?: string | false
   schema?: AdminInput[]
+  file?: boolean
 }
 
 export type AdminField = [string, { source: string }]