@openneuro/app 4.20.5 → 4.20.6-alpha.3

package/src/scripts/dataset/mutations/metadata-form.jsx

@@ -1,26 +1,26 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import TextInput from '../fragments/text-input'
-import SelectInput from '../fragments/select-input'
-import NumberInput from '../fragments/number-input'
-import TextArrayInput from '../fragments/text-array-input'
-import styled from '@emotion/styled'
+import React from "react"
+import PropTypes from "prop-types"
+import TextInput from "../fragments/text-input"
+import SelectInput from "../fragments/select-input"
+import NumberInput from "../fragments/number-input"
+import TextArrayInput from "../fragments/text-array-input"
+import styled from "@emotion/styled"
 
 const Form = styled.form({
-  width: '100%',
-  maxWidth: '700px',
-  margin: '10px 0',
+  width: "100%",
+  maxWidth: "700px",
+  margin: "10px 0",
 })
 const InfoText = styled.p({
   fontWeight: 100,
-  textAlign: 'left',
+  textAlign: "left",
 })
 const DisabledNote = styled.div({
-  display: 'flex',
-  color: '#5cb85c',
-  alignItems: 'center',
+  display: "flex",
+  color: "#5cb85c",
+  alignItems: "center",
   i: {
-    marginRight: '0.5rem',
+    marginRight: "0.5rem",
   },
   p: {
     margin: 0,
@@ -28,57 +28,57 @@ const DisabledNote = styled.div({
 })
 
 const ValidationError = styled.div({
-  display: 'flex',
-  color: 'red',
+  display: "flex",
+  color: "red",
 
   i: {
-    marginRight: '0.5rem',
+    marginRight: "0.5rem",
   },
 })
 
-const metadataFields = hasEdit => {
+const metadataFields = (hasEdit) => {
   const fields = [
     {
-      key: 'associatedPaperDOI',
-      label: 'DOI of papers from the source data lab',
+      key: "associatedPaperDOI",
+      label: "DOI of papers from the source data lab",
       hoverText:
-        'Papers that were published from the Lab that collected this dataset',
+        "Papers that were published from the Lab that collected this dataset",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'species',
-      label: 'Species',
+      key: "species",
+      label: "Species",
       component: SelectInput,
       additionalProps: {
-        options: [{ value: 'Human' }, { value: 'Rat' }, { value: 'Mouse' }],
+        options: [{ value: "Human" }, { value: "Rat" }, { value: "Mouse" }],
         showOptionOther: true,
         required: false,
       },
     },
     {
-      key: 'studyLongitudinal',
-      label: 'Study Type',
+      key: "studyLongitudinal",
+      label: "Study Type",
       component: SelectInput,
       additionalProps: {
-        options: [{ value: 'Longitudinal' }, { value: 'Cross-Sectional' }],
+        options: [{ value: "Longitudinal" }, { value: "Cross-Sectional" }],
         showOptionOther: true,
         required: false,
       },
     },
     {
-      key: 'studyDomain',
-      label: 'Domain Studied',
+      key: "studyDomain",
+      label: "Domain Studied",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'trialCount',
-      label: 'Number of Trials (if applicable)',
+      key: "trialCount",
+      label: "Number of Trials (if applicable)",
       component: NumberInput,
       additionalProps: {
         min: -1,
@@ -86,40 +86,40 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'studyDesign',
-      label: 'Study Design',
+      key: "studyDesign",
+      label: "Study Design",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'openneuroPaperDOI',
-      label: 'Papers published from this dataset',
-      hoverText: 'Papers that were published from downloading this dataset',
+      key: "openneuroPaperDOI",
+      label: "Papers published from this dataset",
+      hoverText: "Papers that were published from downloading this dataset",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'dxStatus',
-      label: 'DX status(es)',
+      key: "dxStatus",
+      label: "DX status(es)",
       component: SelectInput,
       additionalProps: {
         options: [
-          { value: 'Healthy / Control' },
-          { value: 'Schizophrenia' },
-          { value: 'ADD/ADHD' },
-          { value: 'Alzheimers' },
+          { value: "Healthy / Control" },
+          { value: "Schizophrenia" },
+          { value: "ADD/ADHD" },
+          { value: "Alzheimers" },
         ],
         showOptionOther: true,
         required: false,
       },
     },
     {
-      key: 'tasksCompleted',
-      label: 'Tasks Completed',
+      key: "tasksCompleted",
+      label: "Tasks Completed",
       component: TextArrayInput,
       additionalProps: {
         disabled: true,
@@ -128,24 +128,24 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'grantFunderName',
-      label: 'Grant Funder Name',
+      key: "grantFunderName",
+      label: "Grant Funder Name",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'grantIdentifier',
-      label: 'Grant Identifier',
+      key: "grantIdentifier",
+      label: "Grant Identifier",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
     {
-      key: 'datasetId',
-      label: 'Dataset ID',
+      key: "datasetId",
+      label: "Dataset ID",
       component: TextInput,
       additionalProps: {
         disabled: true,
@@ -154,8 +154,8 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'datasetUrl',
-      label: 'Dataset URL',
+      key: "datasetUrl",
+      label: "Dataset URL",
       component: TextInput,
       additionalProps: {
         disabled: true,
@@ -164,8 +164,8 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'datasetName',
-      label: 'Dataset Name',
+      key: "datasetName",
+      label: "Dataset Name",
       component: TextInput,
       additionalProps: {
         disabled: true,
@@ -174,10 +174,10 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'seniorAuthor',
-      label: 'Senior Author (Last, First)',
+      key: "seniorAuthor",
+      label: "Senior Author (Last, First)",
       hoverText:
-        'Please list the senior author as the last author in the dataset_description.json file field Authors',
+        "Please list the senior author as the last author in the dataset_description.json file field Authors",
       component: TextInput,
       additionalProps: {
         disabled: true,
@@ -186,8 +186,8 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'adminUsers',
-      label: 'Admin Users (email)',
+      key: "adminUsers",
+      label: "Admin Users (email)",
       component: TextArrayInput,
       additionalProps: {
         disabled: true,
@@ -196,30 +196,30 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'firstSnapshotCreatedAt',
-      label: 'First Snapshot (Publish) Date',
+      key: "firstSnapshotCreatedAt",
+      label: "First Snapshot (Publish) Date",
       component: TextInput,
       additionalProps: {
         disabled: true,
         annotated: true,
-        nullMessage: 'dataset has no snapshots',
+        nullMessage: "dataset has no snapshots",
         required: false,
       },
     },
     {
-      key: 'latestSnapshotCreatedAt',
-      label: 'Most Recent Snapshot Date',
+      key: "latestSnapshotCreatedAt",
+      label: "Most Recent Snapshot Date",
       component: TextInput,
       additionalProps: {
         disabled: true,
         annotated: true,
-        nullMessage: 'dataset has no snapshots',
+        nullMessage: "dataset has no snapshots",
         required: false,
       },
     },
     {
-      key: 'ages',
-      label: 'Subject Age(s)',
+      key: "ages",
+      label: "Subject Age(s)",
       // text input because field is read-only
       component: TextInput,
       additionalProps: {
@@ -227,18 +227,18 @@ const metadataFields = hasEdit => {
         annotated: true,
         required: false,
       },
-      transformValue: value => {
+      transformValue: (value) => {
         if (Array.isArray(value)) {
-          const ages = value.filter(x => x)
-          if (ages.length === 0) return 'N/A'
+          const ages = value.filter((x) => x)
+          if (ages.length === 0) return "N/A"
           else if (ages.length === 1) return ages[0]
           else return `${Math.min(...ages)} - ${Math.max(...ages)}`
-        } else if (value === undefined) return 'N/A'
+        } else if (value === undefined) return "N/A"
       },
     },
     {
-      key: 'modalities',
-      label: 'Modalities Available',
+      key: "modalities",
+      label: "Modalities Available",
       component: TextArrayInput,
       additionalProps: {
         disabled: true,
@@ -247,8 +247,8 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'dataProcessed',
-      label: 'Has Processed Data',
+      key: "dataProcessed",
+      label: "Has Processed Data",
       component: TextInput,
       additionalProps: {
         disabled: true,
@@ -257,18 +257,18 @@ const metadataFields = hasEdit => {
       },
     },
     {
-      key: 'affirmedDefaced',
-      label: 'Uploader Affirmed Structural Scans Are Defaced',
+      key: "affirmedDefaced",
+      label: "Uploader Affirmed Structural Scans Are Defaced",
       component: SelectInput,
       additionalProps: {
         options: [
           {
             value: true,
-            text: 'true',
+            text: "true",
           },
           {
             value: false,
-            text: 'false',
+            text: "false",
           },
         ],
         hasBooleanValues: true,
@@ -277,22 +277,22 @@ const metadataFields = hasEdit => {
         annotated: false,
         required: false,
         warningOnChange:
-          'Details: Affirms or refutes that all structural scans have been defaced, obscuring any tissue on or near the face that could potentially be used to reconstruct the facial structure.',
+          "Details: Affirms or refutes that all structural scans have been defaced, obscuring any tissue on or near the face that could potentially be used to reconstruct the facial structure.",
       },
     },
     {
-      key: 'affirmedConsent',
-      label: 'Uploader Affirmed Consent To Publish Scans Without Defacing',
+      key: "affirmedConsent",
+      label: "Uploader Affirmed Consent To Publish Scans Without Defacing",
       component: SelectInput,
       additionalProps: {
         options: [
           {
             value: true,
-            text: 'true',
+            text: "true",
           },
           {
             value: false,
-            text: 'false',
+            text: "false",
           },
         ],
         hasBooleanValues: true,
@@ -301,16 +301,14 @@ const metadataFields = hasEdit => {
         annotated: false,
         required: false,
         warningOnChange:
-          'Details: Affirms or refutes that I have explicit participant consent and ethical authorization to publish structural scans without defacing',
+          "Details: Affirms or refutes that I have explicit participant consent and ethical authorization to publish structural scans without defacing",
       },
     },
   ]
-  return hasEdit
-    ? fields
-    : fields.map(field => {
-        field.additionalProps.disabled = true
-        return field
-      })
+  return hasEdit ? fields : fields.map((field) => {
+    field.additionalProps.disabled = true
+    return field
+  })
 }
 
 const MetadataForm = ({
@@ -341,8 +339,7 @@ const MetadataForm = ({
     {metadataFields(hasEdit)
       .filter(
         // remove disabled fields when hideDisabled is true
-        field =>
-          !(hideDisabled && field.additionalProps.disabled) &&
+        (field) => !(hideDisabled && field.additionalProps.disabled) &&
           !hiddenFields.includes(field.key),
       )
       .map(
@@ -361,9 +358,9 @@ const MetadataForm = ({
             name={key}
             label={label}
             hoverText={hoverText}
-            value={
-              transformValue ? transformValue(values?.[key]) : values?.[key]
-            }
+            value={transformValue
+              ? transformValue(values?.[key])
+              : values?.[key]}
             onChange={onChange}
             {...additionalProps}
             key={i}

package/src/scripts/dataset/mutations/publish.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { useNavigate } from 'react-router-dom'
-import { datasetCacheId } from './cache-id.js'
-import { Button } from '@openneuro/components/button'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { useNavigate } from "react-router-dom"
+import { datasetCacheId } from "./cache-id.js"
+import { Button } from "@openneuro/components/button"
 
 const PUBLISH_DATASET = gql`
   mutation publishDataset($datasetId: ID!) {
@@ -24,18 +24,19 @@ const PublishDataset = ({ datasetId }) => {
   return (
     <Mutation
       mutation={PUBLISH_DATASET}
-      update={cache => {
+      update={(cache) => {
         cache.writeFragment({
           id: datasetCacheId(datasetId),
           fragment: DATASET_PUBLISHED,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             public: true,
           },
         })
-      }}>
-      {publishDataset => (
+      }}
+    >
+      {(publishDataset) => (
         <Button
           primary={true}
           size="small"
@@ -43,8 +44,7 @@ const PublishDataset = ({ datasetId }) => {
           onClick={() =>
             publishDataset({ variables: { datasetId } }).then(() => {
               navigate(`/datasets/${datasetId}`)
-            })
-          }
+            })}
         />
       )}
     </Mutation>

package/src/scripts/dataset/mutations/readme.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { SaveButton } from '../fragments/save-button'
-import { DRAFT_FRAGMENT } from '../../datalad/dataset/dataset-query-fragments'
-import { datasetCacheId } from './cache-id.js'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { SaveButton } from "../fragments/save-button"
+import { DRAFT_FRAGMENT } from "../../datalad/dataset/dataset-query-fragments"
+import { datasetCacheId } from "./cache-id.js"
 
 const UPDATE_README = gql`
   mutation updateReadme($datasetId: ID!, $value: String!) {
@@ -15,7 +15,7 @@ const UPDATE_README = gql`
 const UpdateReadme = ({ datasetId, value, done }) => (
   <Mutation
     mutation={UPDATE_README}
-    update={cache => {
+    update={(cache) => {
       const { draft } = cache.readFragment({
         id: datasetCacheId(datasetId),
         fragment: DRAFT_FRAGMENT,
@@ -24,7 +24,7 @@ const UpdateReadme = ({ datasetId, value, done }) => (
         id: datasetCacheId(datasetId),
         fragment: DRAFT_FRAGMENT,
         data: {
-          __typename: 'Dataset',
+          __typename: "Dataset",
           id: datasetId,
           draft: {
             ...draft,
@@ -32,8 +32,9 @@ const UpdateReadme = ({ datasetId, value, done }) => (
           },
         },
       })
-    }}>
-    {updateReadme => (
+    }}
+  >
+    {(updateReadme) => (
       <SaveButton
         action={async () => {
           await updateReadme({ variables: { datasetId, value } })

package/src/scripts/dataset/mutations/remove-annex-object.jsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { WarnButton } from '@openneuro/components/warn-button'
-import { Tooltip } from '@openneuro/components/tooltip'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { WarnButton } from "@openneuro/components/warn-button"
+import { Tooltip } from "@openneuro/components/tooltip"
 
 const REMOVE_ANNEX_OBJECT = gql`
   mutation removeAnnexObject(
@@ -31,11 +31,12 @@ const RemoveAnnexObject = ({
   filename,
 }) => (
   <Mutation mutation={REMOVE_ANNEX_OBJECT} awaitRefetchQueries={true}>
-    {removeAnnexObject => (
+    {(removeAnnexObject) => (
       // fa-exclamation-triangle might be better
       <Tooltip
         className="remove-annex-object"
-        tooltip="Purge: this admin tool will remove this file's annex objects.">
+        tooltip="Purge: this admin tool will remove this file's annex objects."
+      >
         <WarnButton
           message=""
           iconOnly={true}
@@ -45,7 +46,7 @@ const RemoveAnnexObject = ({
             removeAnnexObject({
               variables: {
                 datasetId,
-                snapshot: snapshot || 'HEAD',
+                snapshot: snapshot || "HEAD",
                 annexKey,
                 path,
                 filename,

package/src/scripts/dataset/mutations/remove-permissions.tsx

@@ -1,6 +1,6 @@
-import React, { FC } from 'react'
-import { gql, useMutation } from '@apollo/client'
-import { WarnButton } from '@openneuro/components/warn-button'
+import React, { FC } from "react"
+import { gql, useMutation } from "@apollo/client"
+import { WarnButton } from "@openneuro/components/warn-button"
 
 const REMOVE_PERMISSION = gql`
   mutation removePermissions($datasetId: ID!, $userId: String!) {
@@ -9,7 +9,7 @@ const REMOVE_PERMISSION = gql`
 `
 
 export const userPermissionsFilter = (userPermissions, userId) =>
-  userPermissions.filter(permission => permission.user.id !== userId)
+  userPermissions.filter((permission) => permission.user.id !== userId)
 
 interface RemovePermissionsProps {
   datasetId: string
@@ -30,8 +30,7 @@ export const RemovePermissions: FC<RemovePermissionsProps> = ({
         icon="fa-trash-o"
         disabled={false}
         onConfirmedClick={() =>
-          removePermissions({ variables: { datasetId, userId } })
-        }
+          removePermissions({ variables: { datasetId, userId } })}
         displayOptions={displayOptions}
         setDisplayOptions={setDisplayOptions}
       />

package/src/scripts/dataset/mutations/revalidate.jsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { Button } from '@openneuro/components/button'
-import { Tooltip } from '@openneuro/components/tooltip'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { Button } from "@openneuro/components/button"
+import { Tooltip } from "@openneuro/components/tooltip"
 
 const REVALIDATE = gql`
   mutation revalidate($datasetId: ID!, $ref: String!) {
@@ -13,7 +13,7 @@ const REVALIDATE = gql`
 
 const Revalidate = ({ datasetId, revision }) => (
   <Mutation mutation={REVALIDATE}>
-    {revalidate => (
+    {(revalidate) => (
       <Tooltip tooltip="Revalidate Commit">
         <Button
           primary={true}

package/src/scripts/dataset/mutations/snapshot.tsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql, useMutation } from '@apollo/client'
-import { useNavigate } from 'react-router-dom'
-import ErrorBoundary from '../../errors/errorBoundary.jsx'
-import { Button } from '@openneuro/components/button'
-import { getDatasetPage, getDraftPage } from '../../queries/dataset'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql, useMutation } from "@apollo/client"
+import { useNavigate } from "react-router-dom"
+import ErrorBoundary from "../../errors/errorBoundary.jsx"
+import { Button } from "@openneuro/components/button"
+import { getDatasetPage, getDraftPage } from "../../queries/dataset"
 
 const CREATE_SNAPSHOT = gql`
   mutation createSnapshot($datasetId: ID!, $tag: String!, $changes: [String!]) {
@@ -47,7 +47,7 @@ const CreateSnapshotMutation = ({
         onClick={(): void => {
           void snapshotDataset({
             variables: { datasetId, tag, changes },
-          }).then(data => {
+          }).then((data) => {
             console.log(data)
             navigate(`/datasets/${datasetId}/versions/${tag}`)
           })