synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
201 lines (200 loc) • 9.78 kB
JavaScript
import { jsxs as n, Fragment as d, jsx as e } from "react/jsx-runtime";
import { Container as D, Typography as t, Box as T, Link as I, Button as u } from "@mui/material";
import { useState as o, useCallback as O } from "react";
import { ReactComponent as P } from "../../assets/illustrations/acknowledgement_statements_illustration.svg.js";
import W from "../TextToComponentCollapse.js";
import { AcknowledgementsDialog as q } from "./AcknowledgementsDialog.js";
import { MarkdownCollapse as b } from "../Markdown/MarkdownCollapse.js";
import { StudyAcknowledgements as R } from "./StudyAcknowledgements.js";
import { LaunchTwoTone as F } from "@mui/icons-material";
function M(g) {
const {
portalName: i,
createDoiHelpUrl: l,
portalAcknowledgementProps: s,
dataAvailabilityProps: c,
studyAcknowledgementSql: f
} = g, [x, m] = o(!1), [y, w] = o(), [v, k] = o(), [a, C] = o([]), S = O(
() => m(!1),
[]
);
return /* @__PURE__ */ n(d, { children: [
/* @__PURE__ */ n(D, { maxWidth: "lg", sx: { mt: "2em", mb: "2em" }, children: [
/* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to acknowledge data from this portal" }),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ n(t, { variant: "body1", sx: { mb: "1em" }, children: [
"The data available in the ",
i,
" would not be possible without the participation of research volunteers and the contribution of data by collaborating researchers. All use of data from the ",
i,
" ",
"must be acknowledged and referenced appropriately."
] }),
/* @__PURE__ */ n(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: [
"All publications using ",
i,
" data must include the provided statements:"
] }),
/* @__PURE__ */ e(T, { sx: { mb: "2em", svg: { maxWidth: "100%" } }, children: /* @__PURE__ */ e(P, {}) }),
/* @__PURE__ */ e(t, { variant: "h5", sx: { fontWeight: "bold" }, children: "How to use this page:" }),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ n(t, { variant: "body1", sx: { mb: ".5em" }, children: [
"This page will guide you through creating the acknowledgement statements required when publishing with ",
i,
" data."
] }),
/* @__PURE__ */ e(
t,
{
variant: "body1",
component: "div",
sx: {
mb: "2em",
"& li::marker": {
fontWeight: "bold"
// bold the number
}
},
children: /* @__PURE__ */ n("ol", { children: [
/* @__PURE__ */ n("li", { children: [
/* @__PURE__ */ e("strong", { children: "Select study acknowledgement statements" }),
/* @__PURE__ */ e("br", {}),
"From the list below, select all the studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication."
] }),
/* @__PURE__ */ n("li", { children: [
/* @__PURE__ */ e("strong", { children: "Generate compiled statement" }),
/* @__PURE__ */ e("br", {}),
"Click the Generate Compiled Statement button at the bottom of the page. This will compile:",
/* @__PURE__ */ n("ul", { children: [
/* @__PURE__ */ e("li", { children: "The Portal Acknowledgement Statement" }),
/* @__PURE__ */ e("li", { children: "The acknowledgement(s) for the studies you selected" }),
/* @__PURE__ */ e("li", { children: "A template data availability statement" })
] }),
/* @__PURE__ */ e("i", { children: "Important: You will need to edit the compiled statement to add a brief description of the data used in your manuscript and a DOI that points to your dataset." })
] }),
/* @__PURE__ */ n("li", { children: [
/* @__PURE__ */ e("strong", { children: "Create a DOI for your dataset" }),
/* @__PURE__ */ e("br", {}),
"As part of the data availability statement, you will need to create a dataset that captures all files used in your publication and mint the dataset with a persistent Digital Object Identifier (DOI). For more instructions read ",
/* @__PURE__ */ e(
I,
{
href: l,
target: "_blank",
rel: "noopener noreferrer",
children: "How to get a DOI for your Publication"
}
)
] })
] })
}
),
/* @__PURE__ */ e(t, { component: "div", variant: "h5", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 1, style: { paddingInlineStart: "20px" }, children: /* @__PURE__ */ e("li", { children: "Select study acknowledgement statements" }) }) }),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ e(t, { variant: "body1", children: "From the list below, select all studies whose data you used. Each study has a pre-written acknowledgement statement that must be included in your publication." }),
/* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "2em" }, children: 'You can also expand each section for detailed information or click "Copy full statement to clipboard" to save the text.' }),
/* @__PURE__ */ e(
R,
{
sql: f,
onSelectChange: (r, A) => {
if (A)
a.push(r);
else {
const h = a.findIndex(
(p) => p.title === r.title && p.statement === r.statement
);
h > -1 && a.splice(h, 1);
}
C([...a]);
}
}
),
/* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 2, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Generate compiled statement" }) }) }),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ e(t, { variant: "body1", sx: { fontWeight: "bold", mb: "1em" }, children: "Click to generate a compiled statement for your publication." }),
/* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "The generated text will include your selected study acknowledgement statements and all other required statements listed below." }),
/* @__PURE__ */ e(
u,
{
variant: "contained",
onClick: () => m(!0),
sx: { mb: "3em" },
children: "Generate compiled statement"
}
),
/* @__PURE__ */ n(
W,
{
text: "Click to see other text included in the compiled statement",
textVariant: "h5",
textSx: { fontSize: "16px", fontWeight: "bold" },
textContainerSx: { backgroundColor: "unset", p: 0 },
collapseBoxSx: { backgroundColor: "unset", p: "20px 0px" },
iconSx: { width: "20px", height: "20px" },
children: [
s && /* @__PURE__ */ n(d, { children: [
/* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", mb: "1em" }, children: "Portal Acknowledgement Statement (Required)" }),
/* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
/* @__PURE__ */ e(
b,
{
...s,
setPlainTextResult: w,
textDescription: "full statement",
showCopyPlainText: !0
}
)
] }),
c && /* @__PURE__ */ n(d, { children: [
/* @__PURE__ */ e(t, { variant: "h5", sx: { fontSize: "18px", m: "1em 0" }, children: "Data Availability Statement (Required)" }),
/* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "This statement is required and automatically included in the compiled statement" }),
/* @__PURE__ */ e(
b,
{
...c,
setPlainTextResult: k,
textDescription: "full statement",
showCopyPlainText: !0
}
)
] })
]
}
),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ e(t, { variant: "h5", component: "div", sx: { fontWeight: "bold" }, children: /* @__PURE__ */ e("ol", { start: 3, style: { paddingInlineStart: "25px" }, children: /* @__PURE__ */ e("li", { children: "Create a DOI for your dataset" }) }) }),
/* @__PURE__ */ e("hr", {}),
/* @__PURE__ */ e(t, { variant: "body1", sx: { mb: "1em" }, children: "A digital object identifier (DOI) provides a persistent identifier that allows readers to find the data cited in your publication. Creating a DOI in the Synapse platform is free and required as part of the data availability statement." }),
/* @__PURE__ */ n(
u,
{
variant: "outlined",
href: l,
target: "_blank",
rel: "noopener noreferrer",
children: [
/* @__PURE__ */ e(F, { sx: { mr: "0.5em" } }),
"Learn how to get a DOI for your publication"
]
}
)
] }),
/* @__PURE__ */ e(
q,
{
open: x,
onClose: S,
createDoiHelpUrl: l,
portalAcknowledgement: y,
dataAvailabilityStatement: v,
studyAcknowledgements: a
}
)
] });
}
export {
M as AcknowledgementPage,
M as default
};
//# sourceMappingURL=AcknowledgementsPage.js.map