@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/dataset/snapshot-container.tsx

@@ -1,54 +1,54 @@
-import React from 'react'
-import Helmet from 'react-helmet'
-import { gql, useQuery } from '@apollo/client'
-import { DatasetPageTabContainer } from './routes/styles/dataset-page-tab-container'
-import DatasetQueryContext from '../datalad/dataset/dataset-query-context.js'
-import { Link, useLocation, useParams } from 'react-router-dom'
-import pluralize from 'pluralize'
-import formatDistanceToNow from 'date-fns/formatDistanceToNow'
-import parseISO from 'date-fns/parseISO'
-import { pageTitle } from '../resources/strings.js'
-import Validation from '../validation/validation.jsx'
-import { config } from '../config'
-import DatasetCitation from './fragments/dataset-citation.jsx'
-import { DatasetAlertVersion } from './fragments/dataset-alert-version'
+import React from "react"
+import Helmet from "react-helmet"
+import { gql, useQuery } from "@apollo/client"
+import { DatasetPageTabContainer } from "./routes/styles/dataset-page-tab-container"
+import DatasetQueryContext from "../datalad/dataset/dataset-query-context.js"
+import { Link, useLocation, useParams } from "react-router-dom"
+import pluralize from "pluralize"
+import formatDistanceToNow from "date-fns/formatDistanceToNow"
+import parseISO from "date-fns/parseISO"
+import { pageTitle } from "../resources/strings.js"
+import Validation from "../validation/validation.jsx"
+import { config } from "../config"
+import DatasetCitation from "./fragments/dataset-citation.jsx"
+import { DatasetAlertVersion } from "./fragments/dataset-alert-version"
 
 import {
-  ModalitiesMetaDataBlock,
-  MetaDataBlock,
-  NemarButton,
   BrainLifeButton,
-  ValidationBlock,
   CloneDropdown,
-  DatasetHeader,
   DatasetGitAccess,
-  VersionList,
+  DatasetHeader,
   DatasetTools,
-} from '@openneuro/components/dataset'
-import { Username } from '../users/username'
-import { Loading } from '@openneuro/components/loading'
+  MetaDataBlock,
+  ModalitiesMetaDataBlock,
+  NemarButton,
+  ValidationBlock,
+  VersionList,
+} from "@openneuro/components/dataset"
+import { Username } from "../users/username"
+import { Loading } from "@openneuro/components/loading"
 
 import {
   getUnexpiredProfile,
-  hasEditPermissions,
   hasDatasetAdminPermissions,
-} from '../authentication/profile'
-import { useCookies } from 'react-cookie'
+  hasEditPermissions,
+} from "../authentication/profile"
+import { useCookies } from "react-cookie"
 
-import { FollowDataset } from './mutations/follow'
-import { StarDataset } from './mutations/star'
+import { FollowDataset } from "./mutations/follow"
+import { StarDataset } from "./mutations/star"
 
-import { SNAPSHOT_FIELDS } from '../datalad/dataset/dataset-query-fragments.js'
-import { DOILink } from './fragments/doi-link'
-import { TabRoutesSnapshot } from './routes/tab-routes-snapshot'
-import schemaGenerator from '../utils/json-ld.js'
-import { FollowToggles } from './common/follow-toggles'
+import { SNAPSHOT_FIELDS } from "../datalad/dataset/dataset-query-fragments.js"
+import { DOILink } from "./fragments/doi-link"
+import { TabRoutesSnapshot } from "./routes/tab-routes-snapshot"
+import schemaGenerator from "../utils/json-ld.js"
+import { FollowToggles } from "./common/follow-toggles"
 
-const formatDate = dateObject =>
-  new Date(dateObject).toISOString().split('T')[0]
+const formatDate = (dateObject) =>
+  new Date(dateObject).toISOString().split("T")[0]
 
 // Helper function for getting version from URL
-const snapshotVersion = location => {
+const snapshotVersion = (location) => {
   const matches = location.pathname.match(/versions\/(.*?)(\/|$)/)
   return matches && matches[1]
 }
@@ -65,7 +65,7 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
   snapshot,
 }) => {
   const location = useLocation()
-  const activeDataset = snapshotVersion(location) || 'draft'
+  const activeDataset = snapshotVersion(location) || "draft"
 
   const [selectedVersion, setSelectedVersion] = React.useState(activeDataset)
 
@@ -73,8 +73,9 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
   const description = snapshot.description
   const datasetId = dataset.id
 
-  const numSessions =
-    summary && summary.sessions.length > 0 ? summary.sessions.length : 1
+  const numSessions = summary && summary.sessions.length > 0
+    ? summary.sessions.length
+    : 1
 
   const dateAdded = formatDate(dataset.created)
   const dateAddedDifference = formatDistanceToNow(parseISO(dataset.created))
@@ -84,11 +85,11 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
   const [cookies] = useCookies()
   const profile = getUnexpiredProfile(cookies)
   const isAdmin = profile?.admin
-  const hasEdit =
-    hasEditPermissions(dataset.permissions, profile?.sub) || isAdmin
+  const hasEdit = hasEditPermissions(dataset.permissions, profile?.sub) ||
+    isAdmin
   const isDatasetAdmin =
     hasDatasetAdminPermissions(dataset.permissions, profile?.sub) || isAdmin
-  const modality: string = summary?.modalities[0] || ''
+  const modality: string = summary?.modalities[0] || ""
   const hasDerivatives = dataset?.derivatives.length > 0
 
   return (
@@ -100,12 +101,14 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
         <script type="application/ld+json">{schemaGenerator(snapshot)}</script>
       </Helmet>
       <div
-        className={`dataset dataset-draft dataset-page dataset-page-${modality?.toLowerCase()}`}>
+        className={`dataset dataset-draft dataset-page dataset-page-${modality?.toLowerCase()}`}
+      >
         {summary && (
           <>
             <DatasetHeader
               pageHeading={description.Name}
-              modality={summary?.modalities[0]}>
+              modality={summary?.modalities[0]}
+            >
               <FollowToggles>
                 <FollowDataset
                   profile={profile !== null}
@@ -140,11 +143,9 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
                 </ValidationBlock>
                 <NemarButton
                   datasetId={datasetId}
-                  onNemar={
-                    summary?.modalities.includes('EEG') ||
-                    summary?.modalities.includes('iEEG') ||
-                    summary?.modalities.includes('MEG')
-                  }
+                  onNemar={summary?.modalities.includes("EEG") ||
+                    summary?.modalities.includes("iEEG") ||
+                    summary?.modalities.includes("MEG")}
                 />
                 <BrainLifeButton
                   datasetId={datasetId}
@@ -186,11 +187,9 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
               />
               <MetaDataBlock
                 heading="Authors"
-                item={
-                  description?.Authors?.length
-                    ? description.Authors.join(', ')
-                    : 'N/A'
-                }
+                item={description?.Authors?.length
+                  ? description.Authors.join(", ")
+                  : "N/A"}
                 className="dmb-inline-list"
               />
               <>
@@ -222,62 +221,54 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
               {summary && (
                 <MetaDataBlock
                   heading="Tasks"
-                  item={summary.tasks.length ? summary.tasks.join(', ') : 'N/A'}
+                  item={summary.tasks.length ? summary.tasks.join(", ") : "N/A"}
                   className="dmb-inline-list"
                 />
               )}
-              {summary?.modalities.includes('pet') ||
-                summary?.modalities.includes('Pet') ||
-                (summary?.modalities.includes('PET') && (
+              {summary?.modalities.includes("pet") ||
+                summary?.modalities.includes("Pet") ||
+                (summary?.modalities.includes("PET") && (
                   <>
                     <MetaDataBlock
-                      heading={pluralize('Target', summary.pet?.BodyPart)}
+                      heading={pluralize("Target", summary.pet?.BodyPart)}
                       item={summary.pet?.BodyPart}
                     />
                     <MetaDataBlock
                       heading={pluralize(
-                        'Scanner Manufacturer',
+                        "Scanner Manufacturer",
                         summary.pet?.ScannerManufacturer,
                       )}
-                      item={
-                        summary.pet?.ScannerManufacturer
-                          ? summary.pet?.ScannerManufacturer
-                          : 'N/A'
-                      }
+                      item={summary.pet?.ScannerManufacturer
+                        ? summary.pet?.ScannerManufacturer
+                        : "N/A"}
                     />
 
                     <MetaDataBlock
                       heading={pluralize(
-                        'Scanner Model',
+                        "Scanner Model",
                         summary.pet?.ScannerManufacturersModelName,
                       )}
-                      item={
-                        summary.pet?.ScannerManufacturersModelName
-                          ? summary.pet?.ScannerManufacturersModelName
-                          : 'N/A'
-                      }
+                      item={summary.pet?.ScannerManufacturersModelName
+                        ? summary.pet?.ScannerManufacturersModelName
+                        : "N/A"}
                     />
                     <MetaDataBlock
                       heading={pluralize(
-                        'Radionuclide',
+                        "Radionuclide",
                         summary.pet?.TracerRadionuclide,
                       )}
-                      item={
-                        summary.pet?.TracerRadionuclide
-                          ? summary.pet?.TracerRadionuclide
-                          : 'N/A'
-                      }
+                      item={summary.pet?.TracerRadionuclide
+                        ? summary.pet?.TracerRadionuclide
+                        : "N/A"}
                     />
                     <MetaDataBlock
                       heading={pluralize(
-                        'Radiotracer',
+                        "Radiotracer",
                         summary.pet?.TracerName,
                       )}
-                      item={
-                        summary.pet?.TracerName
-                          ? summary.pet?.TracerName
-                          : 'N/A'
-                      }
+                      item={summary.pet?.TracerName
+                        ? summary.pet?.TracerName
+                        : "N/A"}
                     />
                   </>
                 ))}
@@ -286,7 +277,7 @@ export const SnapshotContainer: React.FC<SnapshotContainerProps> = ({
                 heading="Uploaded by"
                 item={
                   <>
-                    <Username user={dataset.uploader} /> on {dateAdded} -{' '}
+                    <Username user={dataset.uploader} /> on {dateAdded} -{" "}
                     {dateAddedDifference} ago
                   </>
                 }
@@ -386,7 +377,7 @@ const SnapshotLoader: React.FC<SnapshotLoaderProps> = ({ dataset }) => {
       datasetId: dataset.id,
       tag,
     },
-    errorPolicy: 'all',
+    errorPolicy: "all",
   })
   if (loading) {
     return (
@@ -404,7 +395,8 @@ const SnapshotLoader: React.FC<SnapshotLoaderProps> = ({ dataset }) => {
           datasetId: dataset.id,
           fetchMore,
           error: null,
-        }}>
+        }}
+      >
         <SnapshotContainer
           dataset={dataset}
           tag={tag}

package/src/scripts/errors/403page.tsx

@@ -1,19 +1,19 @@
-import React, { FC } from 'react'
-import { Link } from 'react-router-dom'
-import styled from '@emotion/styled'
+import React, { FC } from "react"
+import { Link } from "react-router-dom"
+import styled from "@emotion/styled"
 
 type ContainerProps = {
   styleContext: string
 }
 const Container = styled.div<ContainerProps>(({ styleContext }) => {
   switch (styleContext) {
-    case 'topLevel':
+    case "topLevel":
       return {
-        margin: '50px 25px',
+        margin: "50px 25px",
       }
-    case 'dataset':
+    case "dataset":
       return {
-        margin: '20px 0',
+        margin: "20px 0",
       }
   }
 })
@@ -25,9 +25,9 @@ interface FourOThreePageProps {
 }
 
 const FourOThreePage: FC<FourOThreePageProps> = ({
-  redirectRoute = '/',
-  redirectRouteName = 'the home page',
-  theme = 'topLevel',
+  redirectRoute = "/",
+  redirectRouteName = "the home page",
+  theme = "topLevel",
 }) => {
   return (
     <Container styleContext={theme}>
@@ -36,7 +36,7 @@ const FourOThreePage: FC<FourOThreePageProps> = ({
       </h3>
       <p>
         Click <Link to={redirectRoute}>here</Link> to go to
-        {' ' + redirectRouteName}.
+        {" " + redirectRouteName}.
       </p>
     </Container>
   )

package/src/scripts/errors/404page.tsx

@@ -1,19 +1,19 @@
-import React, { FC } from 'react'
-import { Link } from 'react-router-dom'
-import styled from '@emotion/styled'
+import React, { FC } from "react"
+import { Link } from "react-router-dom"
+import styled from "@emotion/styled"
 
 type ContainerProps = {
   styleContext: string
 }
 const Container = styled.div<ContainerProps>(({ styleContext }) => {
   switch (styleContext) {
-    case 'topLevel':
+    case "topLevel":
       return {
-        margin: '50px 25px',
+        margin: "50px 25px",
       }
-    case 'dataset':
+    case "dataset":
       return {
-        margin: '20px 0',
+        margin: "20px 0",
       }
   }
 })
@@ -26,10 +26,10 @@ interface FourOFourPageProps {
 }
 
 const FourOFourPage: FC<FourOFourPageProps> = ({
-  redirectRoute = '/',
-  redirectRouteName = 'the home page',
-  theme = 'topLevel',
-  message = '',
+  redirectRoute = "/",
+  redirectRouteName = "the home page",
+  theme = "topLevel",
+  message = "",
 }) => {
   return (
     <Container styleContext={theme}>
@@ -37,7 +37,7 @@ const FourOFourPage: FC<FourOFourPageProps> = ({
       {message && <p>{message}</p>}
       <p>
         Click <Link to={redirectRoute}>here</Link> to go to
-        {' ' + redirectRouteName}.
+        {" " + redirectRouteName}.
       </p>
     </Container>
   )

package/src/scripts/errors/errorBoundary.jsx

@@ -1,17 +1,18 @@
-import { apm } from '../apm'
-import React from 'react'
-import PropTypes from 'prop-types'
-import FreshdeskInterface from './freshdeskInterface.jsx'
+import { apm } from "../apm"
+import React from "react"
+import PropTypes from "prop-types"
+import FreshdeskInterface from "./freshdeskInterface.jsx"
 
 // raises error if catchErrorIf returns true
 const getDerivedStateFromErrorOnCondition = (error, catchErrorIf) => {
-  const raiseError =
-    typeof catchErrorIf === 'function' ? catchErrorIf(error) : true
+  const raiseError = typeof catchErrorIf === "function"
+    ? catchErrorIf(error)
+    : true
   return raiseError
-    ? // trigger error component
-      { hasError: true, supportModal: false, error: error }
-    : // don't show error handling component
-      { hasError: false, supportModal: false, error: error }
+    // trigger error component
+    ? { hasError: true, supportModal: false, error: error }
+    // don't show error handling component
+    : { hasError: false, supportModal: false, error: error }
 }
 
 class ErrorBoundary extends React.Component {
@@ -20,7 +21,7 @@ class ErrorBoundary extends React.Component {
     this.state = {
       hasError: false,
       eventId: null,
-      message: '',
+      message: "",
     }
   }
 
@@ -84,7 +85,7 @@ class ErrorBoundaryAssertionFailureException extends ErrorBoundary {
     return getDerivedStateFromErrorOnCondition(
       error,
       // ErrorBoundary not triggered for "assertion failure"
-      error => error.toString() !== 'Error: assertion failure',
+      (error) => error.toString() !== "Error: assertion failure",
     )
   }
 }

package/src/scripts/errors/errorRoute.jsx

@@ -1,12 +1,12 @@
 /**
  * Route for nice display of backend errors
  */
-import React from 'react'
-import { Route, Routes } from 'react-router-dom'
-import OrcidGeneral from './orcid/general.jsx'
-import OrcidEmail from './orcid/email.jsx'
-import OrcidGiven from './orcid/given.jsx'
-import OrcidFamily from './orcid/family.jsx'
+import React from "react"
+import { Route, Routes } from "react-router-dom"
+import OrcidGeneral from "./orcid/general.jsx"
+import OrcidEmail from "./orcid/email.jsx"
+import OrcidGiven from "./orcid/given.jsx"
+import OrcidFamily from "./orcid/family.jsx"
 
 class ErrorRoute extends React.Component {
   render() {

package/src/scripts/errors/freshdesk-widget.jsx

@@ -1,8 +1,8 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { useCookies } from 'react-cookie'
-import { getProfile } from '../authentication/profile'
-import { config } from '../config'
+import React from "react"
+import PropTypes from "prop-types"
+import { useCookies } from "react-cookie"
+import { getProfile } from "../authentication/profile"
+import { config } from "../config"
 
 const buildCustomQuery = (customText, prepopulatedFields) => {
   const customizerQueries = [
@@ -11,7 +11,7 @@ const buildCustomQuery = (customText, prepopulatedFields) => {
       .filter(([, value]) => value)
       .map(([key, value]) => `helpdesk_ticket[${key}]=${value}`),
   ]
-  return customizerQueries.length ? `&${customizerQueries.join(';')}` : ''
+  return customizerQueries.length ? `&${customizerQueries.join(";")}` : ""
 }
 
 function FreshdeskWidget({ subject, error, sentryId, description }) {
@@ -19,17 +19,17 @@ function FreshdeskWidget({ subject, error, sentryId, description }) {
   const profile = getProfile(cookies)
   const sentry = sentryId && `Sentry ID: ${sentryId}`
   const joinedDescription = [sentry, description, error]
-    .filter(item => item)
-    .join(' \u2014 ')
+    .filter((item) => item)
+    .join(" \u2014 ")
 
   const customText = {
-    widgetType: 'embedded',
-    formTitle: 'Report+an+Issue',
-    submitTitle: 'Request+Support',
+    widgetType: "embedded",
+    formTitle: "Report+an+Issue",
+    submitTitle: "Request+Support",
     submitThanks:
-      'Thank+you+for+taking+the+time+to+report+your+case.+A+support+representative+will+be+reviewing+your+request+and+will+send+you+a+personal+response+within+24+to+48+hours.',
-    screenshot: 'No',
-    captcha: 'yes',
+      "Thank+you+for+taking+the+time+to+report+your+case.+A+support+representative+will+be+reviewing+your+request+and+will+send+you+a+personal+response+within+24+to+48+hours.",
+    screenshot: "No",
+    captcha: "yes",
   }
   const prepopulatedFields = {
     requester: profile && profile.email,
@@ -43,17 +43,14 @@ function FreshdeskWidget({ subject, error, sentryId, description }) {
         src="https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.js"
       />
       <style type="text/css" media="screen, projection">
-        {
-          '@import url(https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.css); '
-        }
+        {"@import url(https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.css); "}
       </style>
       <iframe
         title="Feedback Form"
         className="freshwidget-embedded-form"
         id="freshwidget-embedded-form"
-        src={
-          config.support.url + buildCustomQuery(customText, prepopulatedFields)
-        }
+        src={config.support.url +
+          buildCustomQuery(customText, prepopulatedFields)}
         scrolling="no"
         height="500px"
         width="100%"

package/src/scripts/errors/freshdeskInterface.jsx

@@ -1,20 +1,20 @@
-import React, { useState } from 'react'
-import FreshdeskWidget from './freshdesk-widget.jsx'
+import React, { useState } from "react"
+import FreshdeskWidget from "./freshdesk-widget.jsx"
 import {
-  Overlay,
-  ModalContainer,
   ExitButton,
-} from '../styles/support-modal.jsx'
-import PropTypes from 'prop-types'
+  ModalContainer,
+  Overlay,
+} from "../styles/support-modal.jsx"
+import PropTypes from "prop-types"
 
-const FreshdeskInterface = props => {
+const FreshdeskInterface = (props) => {
   const [showModal, setShowModal] = useState(false)
   return (
     <>
       <p className="generic-error-message">
-        {props.message || 'An error has occurred.'}
+        {props.message || "An error has occurred."}
         <br />
-        Please support us by documenting the issue with{' '}
+        Please support us by documenting the issue with{" "}
         <a onClick={() => setShowModal(true)}>
           <u>FreshDesk</u>
         </a>

package/src/scripts/errors/orcid/email.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
+import React from "react"
 
 const EmailError = () => (
   <div className="panel-body">
     Your ORCID account does not have an e-mail, or your e-mail is not public.
-    Visit your <a href="https://orcid.org/my-orcid">ORCID profile</a> and verify
-    you have a public e-mail address and try again.
+    Visit your <a href="https://orcid.org/my-orcid">ORCID profile</a>{" "}
+    and verify you have a public e-mail address and try again.
   </div>
 )
 

package/src/scripts/errors/orcid/family.jsx

@@ -1,11 +1,11 @@
-import React from 'react'
+import React from "react"
 
 const FamilyError = () => (
   <div className="panel-body">
     Your ORCID account does not have a credit name or family name, or your name
-    is not public. Visit your{' '}
-    <a href="https://orcid.org/my-orcid">ORCID profile</a> and verify verify you
-    have a publicly available name set.
+    is not public. Visit your{" "}
+    <a href="https://orcid.org/my-orcid">ORCID profile</a>{" "}
+    and verify verify you have a publicly available name set.
   </div>
 )
 

package/src/scripts/errors/orcid/general.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from "react"
 
 const OrcidError = () => (
   <div className="panel-heading">

package/src/scripts/errors/orcid/given.jsx

@@ -1,11 +1,11 @@
-import React from 'react'
+import React from "react"
 
 const GivenError = () => (
   <div className="panel-body">
     Your ORCID account does not have a credit name or given name, or your name
-    is not public. Visit your{' '}
-    <a href="https://orcid.org/my-orcid">ORCID profile</a> and verify you have a
-    publicly available name set.
+    is not public. Visit your{" "}
+    <a href="https://orcid.org/my-orcid">ORCID profile</a>{" "}
+    and verify you have a publicly available name set.
   </div>
 )