rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load fileUrl on demand for evidence

Browse Source 
Fix #168

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Jonathan
2025-07-08 10:33:27 +02:00
committed by Sacha Al Himdani
parent 0a5524ce5d
commit 25b330f948
12 changed files with 323 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/console/src/hooks/graph/EvidenceGraph.ts Normal file
View File

@@ -0,0 +1,14 @@
import { graphql } from "relay-runtime";
export const evidenceFileQuery = graphql`
query EvidenceGraphFileQuery($evidenceId: ID!) {
node(id: $evidenceId) {
... on Evidence {
id
mimeType
filename
fileUrl
}
}
}
`;

154
apps/console/src/hooks/graph/__generated__/EvidenceGraphFileQuery.graphql.ts generated Normal file
View File

@@ -0,0 +1,154 @@
/**
* @generated SignedSource<<0c4d6a4bd477e15ae3c627cf338a99dd>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type EvidenceGraphFileQuery$variables = {
evidenceId: string;
};
export type EvidenceGraphFileQuery$data = {
readonly node: {
readonly fileUrl?: string | null | undefined;
readonly filename?: string;
readonly id?: string;
readonly mimeType?: string;
};
};
export type EvidenceGraphFileQuery = {
response: EvidenceGraphFileQuery$data;
variables: EvidenceGraphFileQuery$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "evidenceId"
}
],
v1 = [
{
"kind": "Variable",
"name": "id",
"variableName": "evidenceId"
}
],
v2 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
v3 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "mimeType",
"storageKey": null
},
v4 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "filename",
"storageKey": null
},
v5 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
};
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "EvidenceGraphFileQuery",
"selections": [
{
"alias": null,
"args": (v1/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
{
"kind": "InlineFragment",
"selections": [
(v2/*: any*/),
(v3/*: any*/),
(v4/*: any*/),
(v5/*: any*/)
],
"type": "Evidence",
"abstractKey": null
}
],
"storageKey": null
}
],
"type": "Query",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "EvidenceGraphFileQuery",
"selections": [
{
"alias": null,
"args": (v1/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
},
(v2/*: any*/),
{
"kind": "InlineFragment",
"selections": [
(v3/*: any*/),
(v4/*: any*/),
(v5/*: any*/)
],
"type": "Evidence",
"abstractKey": null
}
],
"storageKey": null
}
]
},
"params": {
"cacheID": "db46f9bf993514c7bc89845e6d6459f8",
"id": null,
"metadata": {},
"name": "EvidenceGraphFileQuery",
"operationKind": "query",
"text": "query EvidenceGraphFileQuery(\n $evidenceId: ID!\n) {\n node(id: $evidenceId) {\n __typename\n ... on Evidence {\n id\n mimeType\n filename\n fileUrl\n }\n id\n }\n}\n"
}
};
})();
(node as any).hash = "3c9aa6ff338d2380a7a03b8ea61e83e0";
export default node;

13
apps/console/src/hooks/graph/__generated__/MeasureGraphNodeQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<286a7d808d7a9c793cd9e9b6830cb40b>>
* @generated SignedSource<<074d65be2a59b6b8284ff6be0f75707d>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -598,13 +598,6 @@ return {
"name": "filename",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -667,12 +660,12 @@ return {
]
},
"params": {
"cacheID": "c36bf27c7f4d6b3ef4a3e063e4bfccea",
"cacheID": "6146a6fada0328c7b69652646212be05",
"id": null,
"metadata": {},
"name": "MeasureGraphNodeQuery",
"operationKind": "query",
"text": "query MeasureGraphNodeQuery(\n $measureId: ID!\n) {\n node(id: $measureId) {\n __typename\n ... on Measure {\n id\n name\n description\n state\n category\n evidencesInfos: evidences(first: 0) {\n totalCount\n }\n risksInfos: risks(first: 0) {\n totalCount\n }\n tasksInfos: tasks(first: 0) {\n totalCount\n }\n controlsInfos: controls(first: 0) {\n totalCount\n }\n ...MeasureRisksTabFragment\n ...MeasureTasksTabFragment\n ...MeasureControlsTabFragment\n ...MeasureFormDialogMeasureFragment\n ...MeasureEvidencesTabFragment\n }\n id\n }\n}\n\nfragment LinkedControlsCardFragment on Control {\n id\n name\n sectionTitle\n framework {\n id\n name\n }\n}\n\nfragment LinkedRisksCardFragment on Risk {\n id\n name\n inherentRiskScore\n residualRiskScore\n}\n\nfragment MeasureControlsTabFragment on Measure {\n id\n controls(first: 20) {\n edges {\n node {\n id\n ...LinkedControlsCardFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment on Measure {\n id\n evidences(first: 50) {\n edges {\n node {\n id\n filename\n fileUrl\n mimeType\n ...MeasureEvidencesTabFragment_evidence\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n fileUrl\n mimeType\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n id\n description\n name\n category\n state\n}\n\nfragment MeasureRisksTabFragment on Measure {\n id\n risks(first: 100) {\n edges {\n node {\n id\n ...LinkedRisksCardFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment MeasureTasksTabFragment on Measure {\n tasks(first: 100) {\n edges {\n node {\n id\n name\n state\n description\n ...TaskFormDialogFragment\n assignedTo {\n id\n fullName\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment TaskFormDialogFragment on Task {\n id\n description\n name\n state\n timeEstimate\n deadline\n assignedTo {\n id\n }\n measure {\n id\n }\n}\n"
"text": "query MeasureGraphNodeQuery(\n $measureId: ID!\n) {\n node(id: $measureId) {\n __typename\n ... on Measure {\n id\n name\n description\n state\n category\n evidencesInfos: evidences(first: 0) {\n totalCount\n }\n risksInfos: risks(first: 0) {\n totalCount\n }\n tasksInfos: tasks(first: 0) {\n totalCount\n }\n controlsInfos: controls(first: 0) {\n totalCount\n }\n ...MeasureRisksTabFragment\n ...MeasureTasksTabFragment\n ...MeasureControlsTabFragment\n ...MeasureFormDialogMeasureFragment\n ...MeasureEvidencesTabFragment\n }\n id\n }\n}\n\nfragment LinkedControlsCardFragment on Control {\n id\n name\n sectionTitle\n framework {\n id\n name\n }\n}\n\nfragment LinkedRisksCardFragment on Risk {\n id\n name\n inherentRiskScore\n residualRiskScore\n}\n\nfragment MeasureControlsTabFragment on Measure {\n id\n controls(first: 20) {\n edges {\n node {\n id\n ...LinkedControlsCardFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment on Measure {\n id\n evidences(first: 50) {\n edges {\n node {\n id\n filename\n mimeType\n ...MeasureEvidencesTabFragment_evidence\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n mimeType\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n id\n description\n name\n category\n state\n}\n\nfragment MeasureRisksTabFragment on Measure {\n id\n risks(first: 100) {\n edges {\n node {\n id\n ...LinkedRisksCardFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment MeasureTasksTabFragment on Measure {\n tasks(first: 100) {\n edges {\n node {\n id\n name\n state\n description\n ...TaskFormDialogFragment\n assignedTo {\n id\n fullName\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment TaskFormDialogFragment on Task {\n id\n description\n name\n state\n timeEstimate\n deadline\n assignedTo {\n id\n }\n measure {\n id\n }\n}\n"
}
};
})();

58
apps/console/src/pages/organizations/measures/dialog/EvidenceDownloadDialog.tsx Normal file
View File

@@ -0,0 +1,58 @@
import { Breadcrumb, Dialog, DialogContent, Spinner } from "@probo/ui";
import { useTranslate } from "@probo/i18n";
import { Suspense, useEffect } from "react";
import { useLazyLoadQuery } from "react-relay";
import type { EvidenceGraphFileQuery } from "/hooks/graph/__generated__/EvidenceGraphFileQuery.graphql";
import { evidenceFileQuery } from "/hooks/graph/EvidenceGraph";
import { downloadFile } from "@probo/helpers";
type Props = {
evidenceId: string;
onClose: () => void;
};
export function EvidenceDownloadDialog({ evidenceId, onClose }: Props) {
const { __ } = useTranslate();
return (
<Dialog
className="max-w-sm"
onClose={onClose}
defaultOpen
title={
<Breadcrumb
items={[{ label: __("Evidences") }, { label: __("Download") }]}
/>
}
>
<DialogContent padded>
<Suspense
fallback={
<div className="flex gap-2 justify-center">
<Spinner />
{__("Generating download link")}...
</div>
}
>
<DownloadLink evidenceId={evidenceId} onClose={onClose} />
</Suspense>
</DialogContent>
</Dialog>
);
}
/**
* Force the download of an evidence file
*/
function DownloadLink({ evidenceId, onClose }: Props) {
const data = useLazyLoadQuery<EvidenceGraphFileQuery>(evidenceFileQuery, {
evidenceId,
});
const evidence = data.node;
useEffect(() => {
downloadFile(evidence.fileUrl, evidence.filename ?? "evidence");
onClose();
}, [evidence]);
return null;
}

48
apps/console/src/pages/organizations/measures/dialog/EvidencePreviewDialog.tsx
View File

@@ -10,18 +10,22 @@ import {
useToast,
} from "@probo/ui";
import { useTranslate } from "@probo/i18n";
import { useEffect } from "react";
import { Suspense, useEffect } from "react";
import { useLazyLoadQuery } from "react-relay";
import { evidenceFileQuery } from "/hooks/graph/EvidenceGraph.ts";
import type { EvidenceGraphFileQuery } from "/hooks/graph/__generated__/EvidenceGraphFileQuery.graphql.ts";
type Props = {
evidence: {
filename: string;
fileUrl?: string | null;
mimeType: string;
};
evidenceId: string;
filename: string;
onClose: () => void;
};
export function EvidencePreviewDialog({ evidence, onClose }: Props) {
export function EvidencePreviewDialog({
evidenceId,
onClose,
filename,
}: Props) {
const { __ } = useTranslate();
const ref = useDialogRef();
return (
@@ -29,17 +33,17 @@ export function EvidencePreviewDialog({ evidence, onClose }: Props) {
ref={ref}
defaultOpen
title={
<Breadcrumb
items={[{ label: __("Evidences") }, { label: evidence.filename }]}
/>
<Breadcrumb items={[{ label: __("Evidences") }, { label: filename }]} />
}
onClose={onClose}
>
<DialogContent padded>
<EvidencePreviewContent
evidence={evidence}
onClose={() => ref.current?.close()}
/>
<Suspense fallback={<Spinner />}>
<EvidencePreviewContent
evidenceId={evidenceId}
onClose={() => ref.current?.close()}
/>
</Suspense>
</DialogContent>
</Dialog>
);
@@ -47,7 +51,7 @@ export function EvidencePreviewDialog({ evidence, onClose }: Props) {
const fetchUrlFromUriFile = async (
fileUrl: string,
options?: { signal?: AbortSignal }
options?: { signal?: AbortSignal },
): Promise<string> => {
const response = await fetch(fileUrl, options);
const text = await response.text();
@@ -59,7 +63,15 @@ const fetchUrlFromUriFile = async (
return firstLine;
};
function EvidencePreviewContent({ evidence, onClose }: Props) {
function EvidencePreviewContent({
evidenceId,
onClose,
}: Omit<Props, "filename">) {
const evidence = useLazyLoadQuery<EvidenceGraphFileQuery>(
evidenceFileQuery,
{ evidenceId: evidenceId },
{ fetchPolicy: "network-only" },
).node;
const { __ } = useTranslate();
const { toast } = useToast();
const isUriFile =
@@ -103,7 +115,7 @@ function EvidencePreviewContent({ evidence, onClose }: Props) {
);
}
if (evidence.mimeType.startsWith("image/")) {
if (evidence.mimeType?.startsWith("image/")) {
return (
<img
src={evidence.fileUrl}
@@ -113,7 +125,7 @@ function EvidencePreviewContent({ evidence, onClose }: Props) {
);
}
if (evidence.mimeType.includes("pdf")) {
if (evidence.mimeType?.includes("pdf")) {
return (
<iframe
src={evidence.fileUrl}

13
apps/console/src/pages/organizations/measures/dialog/__generated__/CreateEvidenceDialogUploadMutation.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<4e4aeb5c756375a47e6a260c6ff9e259>>
* @generated SignedSource<<9297f85591b8ab4723a207f6db6a27f6>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -173,13 +173,6 @@ return {
"name": "createdAt",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -215,12 +208,12 @@ return {
]
},
"params": {
"cacheID": "7070386f52341969556753a27d42e226",
"cacheID": "5206b6576cacb45f5b42305bb1bb7df1",
"id": null,
"metadata": {},
"name": "CreateEvidenceDialogUploadMutation",
"operationKind": "mutation",
"text": "mutation CreateEvidenceDialogUploadMutation(\n $input: UploadMeasureEvidenceInput!\n) {\n uploadMeasureEvidence(input: $input) {\n evidenceEdge {\n node {\n id\n ...MeasureEvidencesTabFragment_evidence\n }\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n fileUrl\n mimeType\n}\n"
"text": "mutation CreateEvidenceDialogUploadMutation(\n $input: UploadMeasureEvidenceInput!\n) {\n uploadMeasureEvidence(input: $input) {\n evidenceEdge {\n node {\n id\n ...MeasureEvidencesTabFragment_evidence\n }\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n mimeType\n}\n"
}
};
})();

66
apps/console/src/pages/organizations/measures/tabs/MeasureEvidencesTab.tsx
View File

@@ -25,6 +25,8 @@ import { fileSize, fileType, promisifyMutation, sprintf } from "@probo/helpers";
import { EvidencePreviewDialog } from "../dialog/EvidencePreviewDialog";
import { useOrganizationId } from "/hooks/useOrganizationId";
import { CreateEvidenceDialog } from "../dialog/CreateEvidenceDialog";
import { useState } from "react";
import { EvidenceDownloadDialog } from "../dialog/EvidenceDownloadDialog";
export const evidencesFragment = graphql`
fragment MeasureEvidencesTabFragment on Measure
@@ -49,7 +51,6 @@ export const evidencesFragment = graphql`
node {
id
filename
fileUrl
mimeType
...MeasureEvidencesTabFragment_evidence
}
@@ -65,7 +66,6 @@ export const evidenceFragment = graphql`
size
type
createdAt
fileUrl
mimeType
}
`;
@@ -137,7 +137,8 @@ export default function MeasureEvidencesTab() {
`/organizations/${organizationId}/measures/${measure.id}/evidences`,
)
}
evidence={evidence}
evidenceId={evidence.id}
filename={evidence.filename}
/>
)}
<CreateEvidenceDialog
@@ -160,6 +161,7 @@ function EvidenceRow(props: {
const [mutate, isDeleting] = useMutation(deleteEvidenceMutation);
const confirm = useConfirm();
const [isDownloading, setIsDownloading] = useState(false);
const handleDelete = () => {
confirm(
@@ -185,33 +187,39 @@ function EvidenceRow(props: {
};
return (
<Tr
to={`/organizations/${props.organizationId}/measures/${props.measureId}/evidences/${evidence.id}`}
>
<Td>{evidence.filename}</Td>
<Td>{fileType(__, evidence)}</Td>
<Td>{fileSize(__, evidence.size)}</Td>
<Td>{dateFormat(evidence.createdAt)}</Td>
<Td noLink>
<div className="flex gap-2">
<ActionDropdown>
<DropdownItem asChild>
<a href={evidence.fileUrl ?? ""} target="_blank">
<>
{isDownloading && (
<EvidenceDownloadDialog
evidenceId={evidence.id}
onClose={() => setIsDownloading(false)}
/>
)}
<Tr
to={`/organizations/${props.organizationId}/measures/${props.measureId}/evidences/${evidence.id}`}
>
<Td>{evidence.filename}</Td>
<Td>{fileType(__, evidence)}</Td>
<Td>{fileSize(__, evidence.size)}</Td>
<Td>{dateFormat(evidence.createdAt)}</Td>
<Td noLink>
<div className="flex gap-2">
<ActionDropdown>
<DropdownItem onClick={() => setIsDownloading(true)}>
<IconArrowInbox size={16} />
{__("Download")}
</a>
</DropdownItem>
<DropdownItem
variant="danger"
icon={IconTrashCan}
onClick={handleDelete}
disabled={isDeleting}
>
{__("Delete")}
</DropdownItem>
</ActionDropdown>
</div>
</Td>
</Tr>
</DropdownItem>
<DropdownItem
variant="danger"
icon={IconTrashCan}
onClick={handleDelete}
disabled={isDeleting}
>
{__("Delete")}
</DropdownItem>
</ActionDropdown>
</div>
</Td>
</Tr>
</>
);
}

12
apps/console/src/pages/organizations/measures/tabs/__generated__/MeasureEvidencesTabFragment.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<f1947ff2accbc325c11c88fb343d82b2>>
* @generated SignedSource<<6c96b0b565302f1ec1601561087b30bd>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -15,7 +15,6 @@ export type MeasureEvidencesTabFragment$data = {
readonly __id: string;
readonly edges: ReadonlyArray<{
readonly node: {
readonly fileUrl: string | null | undefined;
readonly filename: string;
readonly id: string;
readonly mimeType: string;
@@ -145,13 +144,6 @@ return {
"name": "filename",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -244,6 +236,6 @@ return {
};
})();
(node as any).hash = "abae73e44e966689cd837465f93abcb3";
(node as any).hash = "8e97649ca88af04aa1184e68a126cc36";
export default node;

12
apps/console/src/pages/organizations/measures/tabs/__generated__/MeasureEvidencesTabFragment_evidence.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<aa88116272684a0ebbca38e57c798eee>>
* @generated SignedSource<<60897aba5bbafb70288358e56b0a442a>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -13,7 +13,6 @@ export type EvidenceType = "FILE" | "LINK";
import { FragmentRefs } from "relay-runtime";
export type MeasureEvidencesTabFragment_evidence$data = {
readonly createdAt: any;
readonly fileUrl: string | null | undefined;
readonly filename: string;
readonly id: string;
readonly mimeType: string;
@@ -67,13 +66,6 @@ const node: ReaderFragment = {
"name": "createdAt",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -86,6 +78,6 @@ const node: ReaderFragment = {
"abstractKey": null
};
(node as any).hash = "4fa5951157f130a8ed644151ef5facd6";
(node as any).hash = "4b3289f3cb9d29cb48f1a370d943cd0e";
export default node;

15
apps/console/src/pages/organizations/measures/tabs/__generated__/MeasureEvidencesTabQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<e2a2d3c5470f8878acedd5e4ecc05300>>
* @generated SignedSource<<b2d32283d91e7ef9da2eeda3c789867f>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -219,13 +219,6 @@ return {
"name": "filename",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -343,16 +336,16 @@ return {
]
},
"params": {
"cacheID": "61b9596f07d5d2516f50e2f646eb21a2",
"cacheID": "9899e64b590ff4c76ca994845611d77a",
"id": null,
"metadata": {},
"name": "MeasureEvidencesTabQuery",
"operationKind": "query",
"text": "query MeasureEvidencesTabQuery(\n $after: CursorKey = null\n $before: CursorKey = null\n $first: Int = 50\n $last: Int = null\n $order: EvidenceOrder = null\n $id: ID!\n) {\n node(id: $id) {\n __typename\n ...MeasureEvidencesTabFragment_16fISc\n id\n }\n}\n\nfragment MeasureEvidencesTabFragment_16fISc on Measure {\n id\n evidences(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n edges {\n node {\n id\n filename\n fileUrl\n mimeType\n ...MeasureEvidencesTabFragment_evidence\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n fileUrl\n mimeType\n}\n"
"text": "query MeasureEvidencesTabQuery(\n $after: CursorKey = null\n $before: CursorKey = null\n $first: Int = 50\n $last: Int = null\n $order: EvidenceOrder = null\n $id: ID!\n) {\n node(id: $id) {\n __typename\n ...MeasureEvidencesTabFragment_16fISc\n id\n }\n}\n\nfragment MeasureEvidencesTabFragment_16fISc on Measure {\n id\n evidences(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n edges {\n node {\n id\n filename\n mimeType\n ...MeasureEvidencesTabFragment_evidence\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n id\n filename\n size\n type\n createdAt\n mimeType\n}\n"
}
};
})();
(node as any).hash = "abae73e44e966689cd837465f93abcb3";
(node as any).hash = "8e97649ca88af04aa1184e68a126cc36";
export default node;

15
packages/helpers/src/dom.ts
View File

@@ -5,3 +5,18 @@ export function withViewTransition(fn: () => void) {
}
document.startViewTransition(fn);
}
export function downloadFile(url: string | undefined | null, filename: string) {
if (!url) {
alert("Cannot download this file, fileUrl is not provided");
return;
}
const link = document.createElement("a");
link.setAttribute("href", url);
link.setAttribute("hidden", "hidden");
link.setAttribute("download", filename);
link.style.display = "none";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}

2
packages/helpers/src/index.ts
View File

@@ -6,7 +6,7 @@ export {
getRiskLikelihoods,
getSeverity,
} from "./risk";
export { withViewTransition } from "./dom";
export { withViewTransition, downloadFile } from "./dom";
export { times, groupBy, isEmpty } from "./array";
export { randomInt } from "./number";
export { getMeasureStateLabel, measureStates } from "./measure";