codeforlife 2.6.10 → 2.6.11

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.6.11](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v2.6.10...v2.6.11) (2025-02-25)
+
+
+### Bug Fixes
+
+* Portal frontend 40 ([#78](https://github.com/ocadotechnology/codeforlife-package-javascript/issues/78)) ([18082bb](https://github.com/ocadotechnology/codeforlife-package-javascript/commit/18082bbd60e2ec52dfaf072ca092c3812a25fab0))
+
 ## [2.6.10](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v2.6.9...v2.6.10) (2025-02-25)
 
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "codeforlife",
   "description": "Common frontend code",
   "private": false,
-  "version": "2.6.10",
+  "version": "2.6.11",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/components/DownloadFileButton.tsx

@@ -0,0 +1,54 @@
+import { Button, type ButtonProps } from "@mui/material"
+import { type FC, useEffect } from "react"
+import { Download as DownloadIcon } from "@mui/icons-material"
+
+export type DownloadFileButtonProps = ButtonProps & {
+  file:
+    | Blob
+    | MediaSource
+    | {
+        text: string
+        mimeType: "plain" | "csv"
+        name: string
+        charset?: string
+        extension?: string
+      }
+}
+
+const DownloadFileButton: FC<DownloadFileButtonProps> = ({
+  children = "Download",
+  endIcon = <DownloadIcon />,
+  file,
+  ...otherButtonProps
+}) => {
+  let url: undefined | string = undefined
+  let anchorProps: undefined | { download?: string; href: string } = undefined
+  if ("mimeType" in file) {
+    let { text, mimeType, name, charset = "utf-8", extension } = file
+
+    if (!extension) extension = "." + { plain: "txt", csv: "csv" }[mimeType]
+
+    anchorProps = {
+      download: name + extension,
+      href: `data:text/${mimeType};charset=${charset},${encodeURIComponent(text)}`,
+    }
+  } else {
+    url = URL.createObjectURL(file)
+
+    anchorProps = { href: url }
+  }
+
+  useEffect(() => {
+    return () => {
+      if (url) URL.revokeObjectURL(url)
+    }
+  }, [url])
+
+  return (
+    <Button endIcon={endIcon} {...otherButtonProps} {...anchorProps}>
+      {children}
+    </Button>
+  )
+}
+
+export default DownloadFileButton

package/src/components/index.ts

@@ -6,6 +6,8 @@ export * from "./CopyIconButton"
 export { default as CopyIconButton } from "./CopyIconButton"
 export * from "./Countdown"
 export { default as Countdown } from "./Countdown"
+export * from "./DownloadFileButton"
+export { default as DownloadFileButton } from "./DownloadFileButton"
 export * from "./ElevatedAppBar"
 export { default as ElevatedAppBar } from "./ElevatedAppBar"
 export * from "./Image"