@rivm-loculus-tools/common-frontend 0.7.0 → 0.9.0

package/dist/utils/UrlUtil/UrlUtil.d.ts

@@ -1,5 +1,6 @@
 export declare class UrlUtil {
     static clearSearchParams(): void;
     static fastaLabelFromUrl(url: string): string;
+    static getBaseURLWithPath(): string;
     static validateFastaUrl(url: string): string;
 }

package/dist/utils/UrlUtil/index.js

@@ -14,6 +14,10 @@ var n = class {
 			return "remote-alignment.fasta";
 		}
 	}
+	static getBaseURLWithPath() {
+		let n = new URL(e.resolve(t).window.location.href);
+		return `${n.protocol}//${n.host}/${n.pathname.split("/").filter(Boolean).shift()}`;
+	}
 	static validateFastaUrl(e) {
 		let t;
 		try {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UrlUtil","url","container","WindowService","urlObject","segment"],"sources":["../../../src/utils/UrlUtil/UrlUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\n\nexport class UrlUtil {\n  public static clearSearchParams(): void {\n    const url = new URL(container.resolve(WindowService).window.location.href);\n    url.search = '';\n    container.resolve(WindowService).window.history.replaceState(null, '', url.toString());\n  }\n\n  public static fastaLabelFromUrl(url: string): string {\n    try {\n      const urlObject = new URL(url);\n      const segment = urlObject.pathname.split('/').filter(Boolean).pop();\n      if (segment) {\n        return decodeURIComponent(segment);\n      }\n      return `${urlObject.hostname}.fasta`;\n    } catch {\n      return 'remote-alignment.fasta';\n    }\n  }\n\n  public static validateFastaUrl(url: string): string {\n    let urlObject: URL;\n    try {\n      urlObject = new URL(url.trim());\n    } catch {\n      throw new Error('Enter a valid FASTA URL.');\n    }\n    if (urlObject.protocol !== 'http:' && urlObject.protocol !== 'https:') {\n      throw new Error('FASTA URLs must use HTTP or HTTPS.');\n    }\n    return urlObject.href;\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAb,MAAqB;CACnB,OAAc,oBAA0B;EACtC,IAAMC,IAAM,IAAI,IAAIC,EAAU,QAAQC,CAAa,CAAC,CAAC,OAAO,SAAS,IAAI;EAEzE,AADA,EAAI,SAAS,IACbD,EAAU,QAAQC,CAAa,CAAC,CAAC,OAAO,QAAQ,aAAa,MAAM,IAAIF,EAAI,SAAS,CAAC;CACvF;CAEA,OAAc,kBAAkB,GAAqB;EACnD,IAAI;GACF,IAAMG,IAAY,IAAI,IAAIH,CAAG,GACvBI,IAAUD,EAAU,SAAS,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,IAAI;GAIlE,OAHIC,IACK,mBAAmBA,CAAO,IAE5B,GAAGD,EAAU,SAAS;EAC/B,QAAQ;GACN,OAAO;EACT;CACF;CAEA,OAAc,iBAAiB,GAAqB;EAClD,IAAIA;EACJ,IAAI;GACF,IAAY,IAAI,IAAIH,EAAI,KAAK,CAAC;EAChC,QAAQ;GACN,MAAU,MAAM,0BAA0B;EAC5C;EACA,IAAIG,EAAU,aAAa,WAAWA,EAAU,aAAa,UAC3D,MAAU,MAAM,oCAAoC;EAEtD,OAAOA,EAAU;CACnB;AACF"}
+{"version":3,"file":"index.js","names":["UrlUtil","url","container","WindowService","urlObject","segment"],"sources":["../../../src/utils/UrlUtil/UrlUtil.ts"],"sourcesContent":["import { container } from 'tsyringe';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\n\nexport class UrlUtil {\n  public static clearSearchParams(): void {\n    const url = new URL(container.resolve(WindowService).window.location.href);\n    url.search = '';\n    container.resolve(WindowService).window.history.replaceState(null, '', url.toString());\n  }\n  public static fastaLabelFromUrl(url: string): string {\n    try {\n      const urlObject = new URL(url);\n      const segment = urlObject.pathname.split('/').filter(Boolean).pop();\n      if (segment) {\n        return decodeURIComponent(segment);\n      }\n      return `${urlObject.hostname}.fasta`;\n    } catch {\n      return 'remote-alignment.fasta';\n    }\n  }\n\n  public static getBaseURLWithPath(): string {\n    const url = new URL(container.resolve(WindowService).window.location.href);\n    return `${url.protocol}//${url.host}/${url.pathname.split('/').filter(Boolean).shift()}`;\n  }\n\n  public static validateFastaUrl(url: string): string {\n    let urlObject: URL;\n    try {\n      urlObject = new URL(url.trim());\n    } catch {\n      throw new Error('Enter a valid FASTA URL.');\n    }\n    if (urlObject.protocol !== 'http:' && urlObject.protocol !== 'https:') {\n      throw new Error('FASTA URLs must use HTTP or HTTPS.');\n    }\n    return urlObject.href;\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAb,MAAqB;CACnB,OAAc,oBAA0B;EACtC,IAAMC,IAAM,IAAI,IAAIC,EAAU,QAAQC,CAAa,CAAC,CAAC,OAAO,SAAS,IAAI;EAEzE,AADA,EAAI,SAAS,IACbD,EAAU,QAAQC,CAAa,CAAC,CAAC,OAAO,QAAQ,aAAa,MAAM,IAAIF,EAAI,SAAS,CAAC;CACvF;CACA,OAAc,kBAAkB,GAAqB;EACnD,IAAI;GACF,IAAMG,IAAY,IAAI,IAAIH,CAAG,GACvBI,IAAUD,EAAU,SAAS,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,IAAI;GAIlE,OAHIC,IACK,mBAAmBA,CAAO,IAE5B,GAAGD,EAAU,SAAS;EAC/B,QAAQ;GACN,OAAO;EACT;CACF;CAEA,OAAc,qBAA6B;EACzC,IAAMH,IAAM,IAAI,IAAIC,EAAU,QAAQC,CAAa,CAAC,CAAC,OAAO,SAAS,IAAI;EACzE,OAAO,GAAGF,EAAI,SAAS,IAAIA,EAAI,KAAK,GAAGA,EAAI,SAAS,MAAM,GAAG,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM;CACvF;CAEA,OAAc,iBAAiB,GAAqB;EAClD,IAAIG;EACJ,IAAI;GACF,IAAY,IAAI,IAAIH,EAAI,KAAK,CAAC;EAChC,QAAQ;GACN,MAAU,MAAM,0BAA0B;EAC5C;EACA,IAAIG,EAAU,aAAa,WAAWA,EAAU,aAAa,UAC3D,MAAU,MAAM,oCAAoC;EAEtD,OAAOA,EAAU;CACnB;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rivm-loculus-tools/common-frontend",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "license": "EUPL-1.2",
   "repository": {
     "type": "git",
@@ -67,6 +67,10 @@
     "dist"
   ],
   "exports": {
+    "./types": {
+      "types": "./dist/@types/common-frontend.d.ts",
+      "import": "./dist/@types/common-frontend.d.ts"
+    },
     "./classes/services/EmotionCacheService": {
       "types": "./dist/classes/services/EmotionCacheService/index.d.ts",
       "import": "./dist/classes/services/EmotionCacheService/index.js"
@@ -75,10 +79,6 @@
       "types": "./dist/classes/services/FastaDataEventBusService/index.d.ts",
       "import": "./dist/classes/services/FastaDataEventBusService/index.js"
     },
-    "./components/SearchBar": {
-      "types": "./dist/components/SearchBar/index.d.ts",
-      "import": "./dist/components/SearchBar/index.js"
-    },
     "./components/app/App": {
       "types": "./dist/components/app/App/index.d.ts",
       "import": "./dist/components/app/App/index.js"
@@ -131,6 +131,10 @@
       "types": "./dist/components/ui/PageCommonHeader/index.d.ts",
       "import": "./dist/components/ui/PageCommonHeader/index.js"
     },
+    "./components/ui/SearchBar": {
+      "types": "./dist/components/ui/SearchBar/index.d.ts",
+      "import": "./dist/components/ui/SearchBar/index.js"
+    },
     "./constants/config.constants": {
       "types": "./dist/constants/config.constants.d.ts",
       "import": "./dist/constants/config.constants.js"

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,10 +0,0 @@
-export type SearchBarProps = {
-    allowNavigation?: boolean;
-    highlightedIndex?: null | number;
-    numResults?: number;
-    onHighlightedIndexChange?: (index: number) => void;
-    onSearchQueryChange: (query: string) => void;
-    searchQuery: string;
-    truncated?: boolean;
-};
-export declare const SearchBar: ({ allowNavigation, highlightedIndex, numResults, onHighlightedIndexChange, onSearchQueryChange, searchQuery, truncated }: SearchBarProps) => import('react').JSX.Element;

package/dist/components/SearchBar/SearchBarNodeCounter.d.ts

@@ -1,4 +0,0 @@
-export type SearchBarNodeCounterProps = {
-    numResults?: number;
-};
-export declare const SearchBarNodeCounter: ({ numResults }: SearchBarNodeCounterProps) => import('react').JSX.Element | null;

package/dist/components/SearchBar/index.js

@@ -1,128 +0,0 @@
-import { Box as e, FilledInput as t, IconButton as n, InputAdornment as r, useTheme as i } from "@mui/material";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useCallback as c, useMemo as l, useRef as u } from "react";
-import d from "@mui/icons-material/Search";
-import f from "@mui/icons-material/KeyboardArrowUp";
-import p from "@mui/icons-material/KeyboardArrowDown";
-import m from "@mui/icons-material/Close";
-// src/components/SearchBar/SearchBar.tsx
-var h = ({ allowNavigation: h, highlightedIndex: g, numResults: _ = 0, onHighlightedIndexChange: v, onSearchQueryChange: y, searchQuery: b, truncated: x }) => {
-	let S = i(), C = u(null), w = u(null), T = u(null), E = c((e) => {
-		let t = e.target.value;
-		y(t);
-	}, [y]), D = c(() => {
-		y(""), C.current?.focus();
-	}, [y]), O = c((e) => {
-		if (e.key === "Enter") {
-			if (!_) return;
-			e.preventDefault(), v?.(0), T.current?.focus();
-		}
-	}, [_, v]), k = c(() => {
-		if (!_) return;
-		let e = g == null || Number.isNaN(g) || g <= 0 ? _ - 1 : g - 1;
-		v?.(e);
-	}, [
-		_,
-		g,
-		v
-	]), A = c(() => {
-		if (!_) return;
-		let e = g == null || Number.isNaN(g) || g >= _ - 1 ? 0 : g + 1;
-		v?.(e);
-	}, [
-		_,
-		g,
-		v
-	]), j = c((e) => {
-		if (e.key === "ArrowRight") {
-			e.preventDefault();
-			let t = e.currentTarget.nextElementSibling;
-			t && t.focus();
-		}
-		if (e.key === "ArrowLeft") {
-			if (e.preventDefault(), e.target === w.current) {
-				C.current?.focus();
-				return;
-			}
-			let t = e.currentTarget.previousElementSibling;
-			t && t.focus();
-		}
-	}, []), M = l(() => b ? b && (Number.isNaN(_) || _ <= 0) ? "No results" : g == null || Number.isNaN(g) || g < 0 || !h ? `${_}${x ? "+" : ""} results` : h ? `${g + 1}/${_}${x ? "+" : ""} results` : "" : "", [
-		b,
-		_,
-		g,
-		h,
-		x
-	]);
-	return /* @__PURE__ */ o(t, {
-		endAdornment: /* @__PURE__ */ s(r, {
-			position: "end",
-			children: [
-				M && /* @__PURE__ */ o(e, {
-					"aria-atomic": "true",
-					"aria-live": "polite",
-					role: "status",
-					sx: { fontSize: "1rem" },
-					children: M
-				}),
-				_ > 0 && h && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(n, {
-					"aria-label": "Goto previous search result",
-					disabled: !_,
-					edge: "end",
-					onClick: k,
-					onKeyDown: j,
-					ref: w,
-					sx: { color: S.palette.primary.main },
-					children: /* @__PURE__ */ o(f, {})
-				}), /* @__PURE__ */ o(n, {
-					"aria-label": "Goto next search result",
-					disabled: !_,
-					edge: "end",
-					onClick: A,
-					onKeyDown: j,
-					ref: T,
-					sx: { color: S.palette.primary.main },
-					children: /* @__PURE__ */ o(p, {})
-				})] }),
-				b && /* @__PURE__ */ o(n, {
-					"aria-label": "Clear",
-					edge: "end",
-					onClick: D,
-					onKeyDown: j,
-					children: /* @__PURE__ */ o(m, {})
-				})
-			]
-		}),
-		fullWidth: !0,
-		inputRef: C,
-		name: "Search",
-		onChange: E,
-		onKeyDown: O,
-		placeholder: "Search",
-		size: "small",
-		slotProps: { input: {
-			"aria-label": "Search",
-			sx: {
-				"&::-webkit-search-cancel-button": { display: "none" },
-				fontSize: "1rem",
-				height: S.spacing(4),
-				outline: "none !important",
-				paddingBottom: "0 !important",
-				paddingTop: "0 !important"
-			}
-		} },
-		startAdornment: /* @__PURE__ */ o(r, {
-			position: "start",
-			children: /* @__PURE__ */ o(d, { fontSize: "small" })
-		}),
-		sx: {
-			backgroundColor: S.palette.background.paper,
-			height: S.spacing(4)
-		},
-		type: "search",
-		value: b
-	});
-};
-export { h as SearchBar };
-
-//# sourceMappingURL=index.js.map

package/dist/components/SearchBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_Fragment","SearchIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","CloseIcon","SearchBar","theme","useTheme","inputRef","useRef","arrowUpButtonRef","arrowDownButtonRef","onTextInputChange","useCallback","nextSearchText","event","onSearchQueryChange","onClearButtonClick","onTextInputKeyDown","numResults","onHighlightedIndexChange","onUpArrowButtonClick","newHighlightedIndex","highlightedIndex","onDownArrowButtonClick","onGenericKeyDown","nextFocusableElement","previousFocusableElement","searchResultStatusText","useMemo","searchQuery","allowNavigation","truncated","FilledInput","InputAdornment","Box","Fragment","IconButton"],"sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  KeyboardEvent,\n} from 'react';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  Box,\n  FilledInput,\n  IconButton,\n  InputAdornment,\n  useTheme,\n} from '@mui/material';\nimport SearchIcon from '@mui/icons-material/Search';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport CloseIcon from '@mui/icons-material/Close';\n\n\nexport type SearchBarProps = {\n  allowNavigation?: boolean;\n  highlightedIndex?: null | number;\n  numResults?: number;\n  onHighlightedIndexChange?: (index: number) => void;\n  onSearchQueryChange: (query: string) => void;\n  searchQuery: string;\n  truncated?: boolean;\n};\n\nexport const SearchBar = ({ allowNavigation, highlightedIndex, numResults = 0, onHighlightedIndexChange, onSearchQueryChange, searchQuery, truncated }: SearchBarProps) => {\n  const theme = useTheme();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const arrowUpButtonRef = useRef<HTMLButtonElement>(null);\n  const arrowDownButtonRef = useRef<HTMLButtonElement>(null);\n\n  const onTextInputChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    const nextSearchText = event.target.value;\n    onSearchQueryChange(nextSearchText);\n  }, [onSearchQueryChange]);\n\n  const onClearButtonClick = useCallback(() => {\n    onSearchQueryChange('');\n    inputRef.current?.focus();\n  }, [onSearchQueryChange]);\n\n  const onTextInputKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n    // on enter press, highlight the first result and focus the down arrow button\n    if (event.key === 'Enter') {\n      if (!numResults) {\n        return;\n      }\n      event.preventDefault();\n      onHighlightedIndexChange?.(0);\n      arrowDownButtonRef.current?.focus();\n    }\n  }, [numResults, onHighlightedIndexChange]);\n\n  const onUpArrowButtonClick = useCallback(() => {\n    // goto previous result\n    if (!numResults) {\n      return;\n    }\n    const newHighlightedIndex = highlightedIndex === null || highlightedIndex === undefined || Number.isNaN(highlightedIndex) || highlightedIndex <= 0 ? numResults - 1 : highlightedIndex - 1;\n\n    onHighlightedIndexChange?.(newHighlightedIndex);\n  }, [numResults, highlightedIndex, onHighlightedIndexChange]);\n\n  const onDownArrowButtonClick = useCallback(() => {\n    // goto next result\n    if (!numResults) {\n      return;\n    }\n    const newHighlightedIndex = highlightedIndex === null || highlightedIndex === undefined || Number.isNaN(highlightedIndex) || highlightedIndex >= numResults - 1 ? 0 : highlightedIndex + 1;\n    onHighlightedIndexChange?.(newHighlightedIndex);\n  }, [numResults, highlightedIndex, onHighlightedIndexChange]);\n\n  const onGenericKeyDown = useCallback((event: KeyboardEvent<HTMLButtonElement>) => {\n    // arrow right, focus the next focusable element\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      const nextFocusableElement = event.currentTarget.nextElementSibling as HTMLElement;\n      if (nextFocusableElement) {\n        nextFocusableElement.focus();\n      }\n    }\n    // arrow left, focus the previous focusable element\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      if (event.target === arrowUpButtonRef.current) {\n        inputRef.current?.focus();\n        return;\n      }\n      const previousFocusableElement = event.currentTarget.previousElementSibling as HTMLElement;\n      if (previousFocusableElement) {\n        previousFocusableElement.focus();\n      }\n    }\n  }, []);\n\n  const searchResultStatusText = useMemo(() => {\n    if (!searchQuery) {\n      return '';\n    }\n    if (searchQuery && (Number.isNaN(numResults) || numResults <= 0)) {\n      return 'No results';\n    } else if (highlightedIndex === null || highlightedIndex === undefined || Number.isNaN(highlightedIndex) || highlightedIndex < 0 || !allowNavigation) {\n      return `${numResults}${truncated ? '+' : ''} results`;\n    } else if (allowNavigation) {\n      return `${highlightedIndex + 1}/${numResults}${truncated ? '+' : ''} results`;\n    }\n    return '';\n  }, [searchQuery, numResults, highlightedIndex, allowNavigation, truncated]);\n\n\n  return (\n    <FilledInput\n      endAdornment={(\n        <InputAdornment position={'end'}>\n          {searchResultStatusText && (\n            <Box\n              aria-atomic={'true'}\n              aria-live={'polite'}\n              role={'status'}\n              sx={{\n                fontSize: '1rem',\n              }}\n            >\n              {searchResultStatusText}\n            </Box>\n          )}\n          {numResults > 0 && allowNavigation && (\n            <>\n              <IconButton\n                aria-label={'Goto previous search result'}\n                disabled={!numResults}\n                edge={'end'}\n                onClick={onUpArrowButtonClick}\n                onKeyDown={onGenericKeyDown}\n                ref={arrowUpButtonRef}\n                sx={{ color: theme.palette.primary.main }}\n              >\n                <KeyboardArrowUpIcon />\n              </IconButton>\n              <IconButton\n                aria-label={'Goto next search result'}\n                disabled={!numResults}\n                edge={'end'}\n                onClick={onDownArrowButtonClick}\n                onKeyDown={onGenericKeyDown}\n                ref={arrowDownButtonRef}\n                sx={{ color: theme.palette.primary.main }}\n              >\n                <KeyboardArrowDownIcon />\n              </IconButton>\n            </>\n          )}\n          {searchQuery && (\n            <IconButton\n              aria-label={'Clear'}\n              edge={'end'}\n              onClick={onClearButtonClick}\n              onKeyDown={onGenericKeyDown}\n            >\n              <CloseIcon />\n            </IconButton>\n          )}\n        </InputAdornment>\n      )}\n      fullWidth\n      inputRef={inputRef}\n      name={'Search'}\n      onChange={onTextInputChange}\n      onKeyDown={onTextInputKeyDown}\n      placeholder={'Search'}\n      size={'small'}\n      slotProps={{\n        input: {\n          'aria-label': 'Search',\n          sx: {\n            '&::-webkit-search-cancel-button': {\n              display: 'none',\n            },\n            fontSize: '1rem',\n            height: theme.spacing(4),\n            outline: 'none !important',\n            paddingBottom: '0 !important',\n            paddingTop: '0 !important',\n          },\n        },\n      }}\n      startAdornment={(\n        <InputAdornment position={'start'}>\n          <SearchIcon fontSize={'small'} />\n        </InputAdornment>\n      )}\n      sx={{\n        backgroundColor: theme.palette.background.paper,\n        height: theme.spacing(4),\n      }}\n      type={'search'}\n      value={searchQuery}\n    />\n  );\n};\n"],"mappings":"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"}