@rivm-loculus-tools/common-frontend 0.3.0 → 0.4.0

package/dist/utils/DependencyContainerUtil/DependencyContainerUtil.d.ts

@@ -1,6 +1,6 @@
 import { DependencyContainer } from 'tsyringe';
 import { ConfigBase } from '../../models/config.models';
 export declare class DependencyContainerUtil {
-    static createContainer<TConfig extends ConfigBase>(config: TConfig): DependencyContainer;
+    static createContainer(): DependencyContainer;
     static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer?: DependencyContainer): TConfig;
 }

package/dist/utils/DependencyContainerUtil/index.js

@@ -5,8 +5,8 @@ import { DevicePixelRatioService as o } from "@gen-epix/ui-core/classes/services
 import { KeyboardShortcutService as s } from "@gen-epix/ui-core/classes/services/KeyboardShortcutService";
 //#region src/utils/DependencyContainerUtil/DependencyContainerUtil.ts
 var c = class {
-	static createContainer(c) {
-		return i.register(e, { useValue: c }), i.registerInstance(r, a.getInstance()), i.registerInstance(t, o.getInstance()), i.registerInstance(n, s.getInstance()), i;
+	static createContainer() {
+		return i.registerInstance(r, a.getInstance()), i.registerInstance(t, o.getInstance()), i.registerInstance(n, s.getInstance()), i;
 	}
 	static resolveConfig(t = i) {
 		return t.resolve(e);

package/dist/utils/DependencyContainerUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DependencyContainerUtil","container","CONFIG_TOKEN","config","WINDOW_SERVICE_TOKEN","WindowService","DEVICE_PIXEL_RATIO_SERVICE_TOKEN","DevicePixelRatioService","KEYBOARD_SHORTCUT_SERVICE_TOKEN","KeyboardShortcutService","dependencyContainer"],"sources":["../../../src/utils/DependencyContainerUtil/DependencyContainerUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport type { DependencyContainer } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\nimport { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';\n\nimport {\n  CONFIG_TOKEN,\n  DEVICE_PIXEL_RATIO_SERVICE_TOKEN,\n  KEYBOARD_SHORTCUT_SERVICE_TOKEN,\n  WINDOW_SERVICE_TOKEN,\n} from '../../constants/config.constants';\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class DependencyContainerUtil {\n  public static createContainer<TConfig extends ConfigBase>(config: TConfig): DependencyContainer {\n    container.register(CONFIG_TOKEN, { useValue: config });\n    container.registerInstance(WINDOW_SERVICE_TOKEN, WindowService.getInstance());\n    container.registerInstance(DEVICE_PIXEL_RATIO_SERVICE_TOKEN, DevicePixelRatioService.getInstance());\n    container.registerInstance(KEYBOARD_SHORTCUT_SERVICE_TOKEN, KeyboardShortcutService.getInstance());\n\n    return container;\n  }\n\n  public static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer: DependencyContainer = container): TConfig {\n    return dependencyContainer.resolve(CONFIG_TOKEN) as TConfig;\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAaA,IAAb,MAAqC;CACnC,OAAc,gBAA4C,GAAsC;EAM9F,OALAC,EAAU,SAASC,GAAc,EAAE,UAAUC,EAAO,CAAC,GACrDF,EAAU,iBAAiBG,GAAsBC,EAAc,YAAY,CAAC,GAC5EJ,EAAU,iBAAiBK,GAAkCC,EAAwB,YAAY,CAAC,GAClGN,EAAU,iBAAiBO,GAAiCC,EAAwB,YAAY,CAAC,GAE1FR;CACT;CAEA,OAAc,cAAuD,IAA2CA,GAAoB;EAClI,OAAOS,EAAoB,QAAQR,CAAY;CACjD;AACF"}
+{"version":3,"file":"index.js","names":["DependencyContainerUtil","container","WINDOW_SERVICE_TOKEN","WindowService","DEVICE_PIXEL_RATIO_SERVICE_TOKEN","DevicePixelRatioService","KEYBOARD_SHORTCUT_SERVICE_TOKEN","KeyboardShortcutService","dependencyContainer","CONFIG_TOKEN"],"sources":["../../../src/utils/DependencyContainerUtil/DependencyContainerUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport type { DependencyContainer } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\nimport { DevicePixelRatioService } from '@gen-epix/ui-core/classes/services/DevicePixelRatioService';\nimport { KeyboardShortcutService } from '@gen-epix/ui-core/classes/services/KeyboardShortcutService';\n\nimport {\n  CONFIG_TOKEN,\n  DEVICE_PIXEL_RATIO_SERVICE_TOKEN,\n  KEYBOARD_SHORTCUT_SERVICE_TOKEN,\n  WINDOW_SERVICE_TOKEN,\n} from '../../constants/config.constants';\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class DependencyContainerUtil {\n  public static createContainer(): DependencyContainer {\n    container.registerInstance(WINDOW_SERVICE_TOKEN, WindowService.getInstance());\n    container.registerInstance(DEVICE_PIXEL_RATIO_SERVICE_TOKEN, DevicePixelRatioService.getInstance());\n    container.registerInstance(KEYBOARD_SHORTCUT_SERVICE_TOKEN, KeyboardShortcutService.getInstance());\n\n    return container;\n  }\n\n  public static resolveConfig<TConfig extends ConfigBase = ConfigBase>(dependencyContainer: DependencyContainer = container): TConfig {\n    return dependencyContainer.resolve(CONFIG_TOKEN) as TConfig;\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAaA,IAAb,MAAqC;CACnC,OAAc,kBAAuC;EAKnD,OAJAC,EAAU,iBAAiBC,GAAsBC,EAAc,YAAY,CAAC,GAC5EF,EAAU,iBAAiBG,GAAkCC,EAAwB,YAAY,CAAC,GAClGJ,EAAU,iBAAiBK,GAAiCC,EAAwB,YAAY,CAAC,GAE1FN;CACT;CAEA,OAAc,cAAuD,IAA2CA,GAAoB;EAClI,OAAOO,EAAoB,QAAQC,CAAY;CACjD;AACF"}

package/dist/utils/ExportUtil/ExportUtil.d.ts

@@ -0,0 +1,6 @@
+export declare class ExportUtil {
+    static downloadCanvasAsImage(canvas: HTMLCanvasElement | null, format: 'jpeg' | 'png', filename?: string): void;
+    static downloadCanvasAsSvg(canvas: HTMLCanvasElement | null, filename?: string): void;
+    static downloadFastaFile(fasta: string, filename?: string): void;
+    static downloadNewickFile(newick: string, filename?: string): void;
+}

package/dist/utils/ExportUtil/index.d.ts

@@ -0,0 +1 @@
+export * from './ExportUtil';

package/dist/utils/ExportUtil/index.js

@@ -0,0 +1,42 @@
+import { DownloadUtil as e } from "@gen-epix/ui-core/utils/DownloadUtil";
+//#region src/utils/ExportUtil/ExportUtil.ts
+var t = class {
+	static downloadCanvasAsImage(t, n, r = "phylogenetic_tree") {
+		if (!t) {
+			console.error("No canvas available for export.");
+			return;
+		}
+		let i = n === "jpeg" ? "image/jpeg" : "image/png", a = n === "jpeg" ? "jpg" : "png", o = t;
+		if (n === "jpeg") {
+			o = document.createElement("canvas"), o.width = t.width, o.height = t.height;
+			let e = o.getContext("2d");
+			e && (e.fillStyle = "#FFFFFF", e.fillRect(0, 0, o.width, o.height), e.drawImage(t, 0, 0));
+		}
+		let s = o.toDataURL(i, .95);
+		e.createDownloadUrl(s, `${r}.${a}`);
+	}
+	static downloadCanvasAsSvg(t, n = "phylogenetic_tree.svg") {
+		if (!t) {
+			console.error("No canvas available for export.");
+			return;
+		}
+		let r = t.toDataURL("image/png"), i = t.width, a = t.height, o = `<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="${i}" height="${a}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <image xlink:href="${r}" x="0" y="0" height="${a}" width="${i}" />
+</svg>`, s = new Blob([o], { type: "image/svg+xml;charset=utf-8" }), c = URL.createObjectURL(s);
+		e.createDownloadUrl(c, n), URL.revokeObjectURL(c);
+	}
+	static downloadFastaFile(t, n = "sequence.fasta") {
+		let r = new Blob([t], { type: "text/plain;charset=utf-8" }), i = URL.createObjectURL(r);
+		e.createDownloadUrl(i, n), URL.revokeObjectURL(i);
+	}
+	static downloadNewickFile(t, n = "phylogenetic_tree.nwk") {
+		let r = new Blob([t], { type: "text/plain;charset=utf-8" }), i = URL.createObjectURL(r);
+		e.createDownloadUrl(i, n), URL.revokeObjectURL(i);
+	}
+};
+//#endregion
+export { t as ExportUtil };
+
+//# sourceMappingURL=index.js.map

package/dist/utils/ExportUtil/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ExportUtil","canvas","mimeType","format","extension","exportCanvas","ctx","dataUrl","filename","imgData","width","height","svgContent","blob","url","DownloadUtil","fasta","newick"],"sources":["../../../src/utils/ExportUtil/ExportUtil.ts"],"sourcesContent":["import { DownloadUtil } from '@gen-epix/ui-core/utils/DownloadUtil';\n\nexport class ExportUtil {\n  public static downloadCanvasAsImage(\n    canvas: HTMLCanvasElement | null,\n    format: 'jpeg' | 'png',\n    filename = 'phylogenetic_tree',\n  ): void {\n    if (!canvas) {\n      console.error('No canvas available for export.');\n      return;\n    }\n\n    const mimeType = format === 'jpeg' ? 'image/jpeg' : 'image/png';\n    const extension = format === 'jpeg' ? 'jpg' : 'png';\n\n    let exportCanvas = canvas;\n    if (format === 'jpeg') {\n      exportCanvas = document.createElement('canvas');\n      exportCanvas.width = canvas.width;\n      exportCanvas.height = canvas.height;\n      const ctx = exportCanvas.getContext('2d');\n      if (ctx) {\n        ctx.fillStyle = '#FFFFFF';\n        ctx.fillRect(0, 0, exportCanvas.width, exportCanvas.height);\n        ctx.drawImage(canvas, 0, 0);\n      }\n    }\n\n    const dataUrl = exportCanvas.toDataURL(mimeType, 0.95);\n    DownloadUtil.createDownloadUrl(dataUrl, `${filename}.${extension}`);\n  }\n\n  public static downloadCanvasAsSvg(\n    canvas: HTMLCanvasElement | null,\n    filename = 'phylogenetic_tree.svg',\n  ): void {\n    if (!canvas) {\n      console.error('No canvas available for export.');\n      return;\n    }\n\n    const imgData = canvas.toDataURL('image/png');\n    const width = canvas.width;\n    const height = canvas.height;\n\n    const svgContent = `<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n<svg width=\"${width}\" height=\"${height}\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n  <image xlink:href=\"${imgData}\" x=\"0\" y=\"0\" height=\"${height}\" width=\"${width}\" />\n</svg>`;\n\n    const blob = new Blob([svgContent], { type: 'image/svg+xml;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n\n  public static downloadFastaFile(fasta: string, filename = 'sequence.fasta'): void {\n    const blob = new Blob([fasta], { type: 'text/plain;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n\n  public static downloadNewickFile(newick: string, filename = 'phylogenetic_tree.nwk'): void {\n    const blob = new Blob([newick], { type: 'text/plain;charset=utf-8' });\n    const url = URL.createObjectURL(blob);\n    DownloadUtil.createDownloadUrl(url, filename);\n    URL.revokeObjectURL(url);\n  }\n}\n"],"mappings":";;AAEA,IAAaA,IAAb,MAAwB;CACtB,OAAc,sBACZ,GACA,GACA,IAAW,qBACL;EACN,IAAI,CAACC,GAAQ;GACX,QAAQ,MAAM,iCAAiC;GAC/C;EACF;EAEA,IAAMC,IAAWC,MAAW,SAAS,eAAe,aAC9CC,IAAYD,MAAW,SAAS,QAAQ,OAE1CE,IAAeJ;EACnB,IAAIE,MAAW,QAAQ;GAGrB,AAFA,IAAe,SAAS,cAAc,QAAQ,GAC9C,EAAa,QAAQF,EAAO,OAC5B,EAAa,SAASA,EAAO;GAC7B,IAAMK,IAAMD,EAAa,WAAW,IAAI;GACxC,AAAIC,MACF,EAAI,YAAY,WAChBA,EAAI,SAAS,GAAG,GAAGD,EAAa,OAAOA,EAAa,MAAM,GAC1DC,EAAI,UAAUL,GAAQ,GAAG,CAAC;EAE9B;EAEA,IAAMM,IAAUF,EAAa,UAAUH,GAAU,GAAI;EACrD,EAAa,kBAAkBK,GAAS,GAAGC,EAAS,GAAGJ,GAAW;CACpE;CAEA,OAAc,oBACZ,GACA,IAAW,yBACL;EACN,IAAI,CAACH,GAAQ;GACX,QAAQ,MAAM,iCAAiC;GAC/C;EACF;EAEA,IAAMQ,IAAUR,EAAO,UAAU,WAAW,GACtCS,IAAQT,EAAO,OACfU,IAASV,EAAO,QAEhBW,IAAa;;cAETF,EAAM,YAAYC,EAAO;uBAChBF,EAAQ,wBAAwBE,EAAO,WAAWD,EAAM;SAGrEG,IAAO,IAAI,KAAK,CAACD,CAAU,GAAG,EAAE,MAAM,8BAA8B,CAAC,GACrEE,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;CAEA,OAAc,kBAAkB,GAAe,IAAW,kBAAwB;EAChF,IAAMD,IAAO,IAAI,KAAK,CAACG,CAAK,GAAG,EAAE,MAAM,2BAA2B,CAAC,GAC7DF,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;CAEA,OAAc,mBAAmB,GAAgB,IAAW,yBAA+B;EACzF,IAAMD,IAAO,IAAI,KAAK,CAACI,CAAM,GAAG,EAAE,MAAM,2BAA2B,CAAC,GAC9DH,IAAM,IAAI,gBAAgBD,CAAI;EAEpC,AADAE,EAAa,kBAAkBD,GAAKN,CAAQ,GAC5C,IAAI,gBAAgBM,CAAG;CACzB;AACF"}

package/dist/utils/StandardConfigUtil/StandardConfigUtil.d.ts

@@ -1,4 +1,4 @@
 import { ConfigBase } from '../../models/config.models';
 export declare class StandardConfigUtil {
-    static createConfig(): Pick<ConfigBase, 'nonce' | 'spinner'>;
+    static createConfig(): Pick<ConfigBase, 'nonce' | 'pageConfig' | 'spinner'>;
 }

package/dist/utils/StandardConfigUtil/index.js

@@ -4,6 +4,7 @@ var t = class {
 	static createConfig() {
 		return {
 			nonce: e.getInstance().document.querySelector("meta[name=\"csp-nonce\"]")?.getAttribute("content") ?? void 0,
+			pageConfig: { appBarHeight: 48 },
 			spinner: {
 				DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,
 				DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5e3

package/dist/utils/StandardConfigUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StandardConfigUtil","WindowService"],"sources":["../../../src/utils/StandardConfigUtil/StandardConfigUtil.ts"],"sourcesContent":["import { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class StandardConfigUtil {\n  public static createConfig(): Pick<ConfigBase, 'nonce' | 'spinner'> {\n    return {\n      nonce: WindowService.getInstance().document.querySelector('meta[name=\"csp-nonce\"]')?.getAttribute('content') ?? undefined,\n      spinner: {\n        DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,\n        DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5000,\n      },\n    };\n  }\n}\n"],"mappings":";;AAIA,IAAaA,IAAb,MAAgC;CAC9B,OAAc,eAAsD;EAClE,OAAO;GACL,OAAOC,EAAc,YAAY,CAAC,CAAC,SAAS,cAAc,0BAAwB,CAAC,EAAE,aAAa,SAAS,KAAK,KAAA;GAChH,SAAS;IACP,gCAAgC;IAChC,kCAAkC;GACpC;EACF;CACF;AACF"}
+{"version":3,"file":"index.js","names":["StandardConfigUtil","WindowService"],"sources":["../../../src/utils/StandardConfigUtil/StandardConfigUtil.ts"],"sourcesContent":["import { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\nimport type { ConfigBase } from '../../models/config.models';\n\nexport class StandardConfigUtil {\n  public static createConfig(): Pick<ConfigBase, 'nonce' | 'pageConfig' | 'spinner'> {\n    return {\n      nonce: WindowService.getInstance().document.querySelector('meta[name=\"csp-nonce\"]')?.getAttribute('content') ?? undefined,\n      pageConfig: {\n        appBarHeight: 48,\n      },\n      spinner: {\n        DEFAULT_CIRCULAR_PROGRESS_SIZE: 40,\n        DEFAULT_TAKING_LONGER_TIMEOUT_MS: 5000,\n      },\n    };\n  }\n}\n"],"mappings":";;AAIA,IAAaA,IAAb,MAAgC;CAC9B,OAAc,eAAqE;EACjF,OAAO;GACL,OAAOC,EAAc,YAAY,CAAC,CAAC,SAAS,cAAc,0BAAwB,CAAC,EAAE,aAAa,SAAS,KAAK,KAAA;GAChH,YAAY,EACV,cAAc,GAChB;GACA,SAAS;IACP,gCAAgC;IAChC,kCAAkC;GACpC;EACF;CACF;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rivm-loculus-tools/common-frontend",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "EUPL-1.2",
   "repository": {
     "type": "git",
@@ -107,6 +107,10 @@
       "types": "./dist/components/fasta/FastaPageHeaderResetButton/index.d.ts",
       "import": "./dist/components/fasta/FastaPageHeaderResetButton/index.js"
     },
+    "./components/ui/ButtonWithMenu": {
+      "types": "./dist/components/ui/ButtonWithMenu/index.d.ts",
+      "import": "./dist/components/ui/ButtonWithMenu/index.js"
+    },
     "./components/ui/GenericErrorMessage": {
       "types": "./dist/components/ui/GenericErrorMessage/index.d.ts",
       "import": "./dist/components/ui/GenericErrorMessage/index.js"
@@ -127,10 +131,6 @@
       "types": "./dist/components/ui/PageCommonHeader/index.d.ts",
       "import": "./dist/components/ui/PageCommonHeader/index.js"
     },
-    "./components/ui/PageHeaderDocumentationButton": {
-      "types": "./dist/components/ui/PageHeaderDocumentationButton/index.d.ts",
-      "import": "./dist/components/ui/PageHeaderDocumentationButton/index.js"
-    },
     "./constants/config.constants": {
       "types": "./dist/constants/config.constants.d.ts",
       "import": "./dist/constants/config.constants.js"
@@ -191,6 +191,10 @@
       "types": "./dist/utils/ErrorUtil/index.d.ts",
       "import": "./dist/utils/ErrorUtil/index.js"
     },
+    "./utils/ExportUtil": {
+      "types": "./dist/utils/ExportUtil/index.d.ts",
+      "import": "./dist/utils/ExportUtil/index.js"
+    },
     "./utils/FastaUtil": {
       "types": "./dist/utils/FastaUtil/index.d.ts",
       "import": "./dist/utils/FastaUtil/index.js"

package/dist/components/ui/PageHeaderDocumentationButton/PageHeaderDocumentationButton.d.ts

@@ -1 +0,0 @@
-export declare const PageHeaderDocumentationButton: () => import('react').JSX.Element;

package/dist/components/ui/PageHeaderDocumentationButton/index.d.ts

@@ -1 +0,0 @@
-export * from './PageHeaderDocumentationButton';

package/dist/components/ui/PageHeaderDocumentationButton/index.js

@@ -1,24 +0,0 @@
-import { IconButton as e, Tooltip as t } from "@mui/material";
-import { jsx as n } from "react/jsx-runtime";
-import { useCallback as r } from "react";
-import i from "@mui/icons-material/HelpOutlineOutlined";
-//#region src/components/ui/PageHeaderDocumentationButton/PageHeaderDocumentationButton.tsx
-var a = () => {
-	let a = r(() => {
-		window.open("https://github.com/RIVM-bioinformatics/loculus-tools", "_blank");
-	}, []);
-	return /* @__PURE__ */ n(t, {
-		title: "Documentation & Specifications",
-		children: /* @__PURE__ */ n(e, {
-			color: "inherit",
-			onClick: a,
-			size: "small",
-			sx: { opacity: .85 },
-			children: /* @__PURE__ */ n(i, { fontSize: "small" })
-		})
-	});
-};
-//#endregion
-export { a as PageHeaderDocumentationButton };
-
-//# sourceMappingURL=index.js.map

package/dist/components/ui/PageHeaderDocumentationButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["HelpOutlineIcon","PageHeaderDocumentationButton","onDocumentationButtonClick","useCallback","Tooltip","IconButton"],"sources":["../../../../src/components/ui/PageHeaderDocumentationButton/PageHeaderDocumentationButton.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  IconButton,\n  Tooltip,\n} from '@mui/material';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutlineOutlined';\n\nexport const PageHeaderDocumentationButton = () => {\n  const onDocumentationButtonClick = useCallback(() => {\n    window.open('https://github.com/RIVM-bioinformatics/loculus-tools', '_blank');\n  }, []);\n\n  return (\n    <Tooltip title={'Documentation & Specifications'}>\n      <IconButton\n        color={'inherit'}\n        onClick={onDocumentationButtonClick}\n        size={'small'}\n        sx={{ opacity: 0.85 }}\n      >\n        <HelpOutlineIcon fontSize={'small'} />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaC,UAAsC;CACjD,IAAMC,IAA6BC,QAAkB;EACnD,OAAO,KAAK,wDAAwD,QAAQ;CAC9E,GAAG,CAAC,CAAC;CAEL,OACE,kBAACC,GAAD;EAAS,OAAO;EACd,UAAA,kBAACC,GAAD;GACE,OAAO;GACP,SAASH;GACT,MAAM;GACN,IAAI,EAAE,SAAS,IAAK;GAEpB,UAAA,kBAACF,GAAD,EAAiB,UAAU,QAAU,CAAA;EAC3B,CAAA;CACL,CAAA;AAEb"}