@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/dataset/mutations/dataset-relations.tsx

@@ -1,10 +1,10 @@
-import React, { useState } from 'react'
-import TextInput from '../fragments/text-input'
-import SelectInput from '../fragments/select-input'
-import { DOILink, DOIPattern } from '../fragments/doi-link'
-import { useQuery, useMutation, gql, useApolloClient } from '@apollo/client'
-import styled from '@emotion/styled'
-import { Button } from '@openneuro/components/button'
+import React, { useState } from "react"
+import TextInput from "../fragments/text-input"
+import SelectInput from "../fragments/select-input"
+import { DOILink, DOIPattern } from "../fragments/doi-link"
+import { gql, useApolloClient, useMutation, useQuery } from "@apollo/client"
+import styled from "@emotion/styled"
+import { Button } from "@openneuro/components/button"
 
 const getDatasetRelations = gql`
   query getDatasetRelations($datasetId: ID!) {
@@ -51,24 +51,24 @@ const deleteDatasetRelation = gql`
 `
 
 const TableContainer = styled.div({
-  display: 'grid',
-  gridTemplateColumns: '2fr 3fr 1fr',
+  display: "grid",
+  gridTemplateColumns: "2fr 3fr 1fr",
 })
 
 const GridItem = styled.div({
-  padding: '8px',
+  padding: "8px",
 })
 
 const InputGroup = styled.div({
-  paddingBottom: '8px',
+  paddingBottom: "8px",
 })
 
 export const DatasetRelations = ({ datasetId, hasEdit }) => {
   const [newRelation, setNewRelation] = useState({
-    doi: '',
-    description: '',
-    relation: 'sameAs',
-    kind: 'Dataset',
+    doi: "",
+    description: "",
+    relation: "sameAs",
+    kind: "Dataset",
   })
   const { data, loading, refetch } = useQuery(getDatasetRelations, {
     variables: { datasetId },
@@ -81,7 +81,7 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
     if (related) {
       loadedData = (
         <TableContainer>
-          {related.map(obj => {
+          {related.map((obj) => {
             return (
               <React.Fragment key={obj.id}>
                 <GridItem>
@@ -96,7 +96,8 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
                         variables: { datasetId, doi: obj.id },
                       })
                       await refetch()
-                    }}>
+                    }}
+                  >
                     Delete
                   </button>
                 </GridItem>
@@ -112,7 +113,7 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
       <>
         <p>
           Add a related DOI such as other repositories where this dataset can be
-          found. DOI values should be formatted according to the{' '}
+          found. DOI values should be formatted according to the{" "}
           <a href="https://bids-specification.readthedocs.io/en/stable/02-common-principles.html#uniform-resource-indicator">
             BIDS recommended URI format
           </a>
@@ -146,9 +147,9 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
                   setNewRelation({ ...newRelation, relation: value })
                 }}
                 options={[
-                  { value: 'sameAs' },
-                  { value: 'source' },
-                  { value: 'derivative' },
+                  { value: "sameAs" },
+                  { value: "source" },
+                  { value: "derivative" },
                 ]}
               />
               <SelectInput
@@ -158,7 +159,7 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
                 onChange={(name, value) => {
                   setNewRelation({ ...newRelation, kind: value })
                 }}
-                options={[{ value: 'Dataset' }, { value: 'Article' }]}
+                options={[{ value: "Dataset" }, { value: "Article" }]}
               />
             </InputGroup>
             <Button
@@ -167,7 +168,7 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
               label="Add DOI Relation"
               size="small"
               type="submit"
-              onClick={async e => {
+              onClick={async (e) => {
                 e.preventDefault()
                 await createRelation({
                   variables: { datasetId, ...newRelation },
@@ -175,12 +176,10 @@ export const DatasetRelations = ({ datasetId, hasEdit }) => {
                 await refetch()
               }}
               // Disable if DOI pattern does not match
-              disabled={
-                !(
-                  newRelation.doi.startsWith('doi:') &&
-                  DOIPattern.exec(newRelation.doi.slice(4))
-                )
-              }
+              disabled={!(
+                newRelation.doi.startsWith("doi:") &&
+                DOIPattern.exec(newRelation.doi.slice(4))
+              )}
             />
           </div>
         )}

package/src/scripts/dataset/mutations/delete-anonymous-reviewer.tsx

@@ -1,7 +1,7 @@
-import React, { FC } from 'react'
-import { gql, useMutation } from '@apollo/client'
-import { WarnButton } from '@openneuro/components/warn-button'
-import { DATASET_REVIEWERS } from '../fragments/dataset-reviewers'
+import React, { FC } from "react"
+import { gql, useMutation } from "@apollo/client"
+import { WarnButton } from "@openneuro/components/warn-button"
+import { DATASET_REVIEWERS } from "../fragments/dataset-reviewers"
 
 const DELETE_REVIEWER = gql`
   mutation deleteReviewer($datasetId: ID!, $id: ID!) {
@@ -31,13 +31,13 @@ export const DeleteReviewerLink: FC<DeleteReviewerLinkProps> = ({
         fragment: DATASET_REVIEWERS,
       })
       const updatedReviewers = reviewers.filter(
-        reviewer => reviewer.id !== deleteReviewer.id,
+        (reviewer) => reviewer.id !== deleteReviewer.id,
       )
       cache.writeFragment({
         id: `Dataset:${datasetId}`,
         fragment: DATASET_REVIEWERS,
         data: {
-          __typename: 'Dataset',
+          __typename: "Dataset",
           id: datasetId,
           reviewers: updatedReviewers,
         },
@@ -53,8 +53,7 @@ export const DeleteReviewerLink: FC<DeleteReviewerLinkProps> = ({
       setDisplayOptions={setDisplayOptions}
       withLabel={true}
       onConfirmedClick={() =>
-        DeleteReviewerLink({ variables: { datasetId, id } })
-      }
+        DeleteReviewerLink({ variables: { datasetId, id } })}
     />
   )
 }

package/src/scripts/dataset/mutations/delete-comment.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 { DATASET_COMMENTS } from '../fragments/comments-fragments'
-import { datasetCacheId } from './cache-id.js'
-import { Icon } from '@openneuro/components/icon'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { DATASET_COMMENTS } from "../fragments/comments-fragments"
+import { datasetCacheId } from "./cache-id.js"
+import { Icon } from "@openneuro/components/icon"
 
 const deleteComment = gql`
   mutation deleteComment($commentId: ID!, $deleteChildren: Boolean) {
@@ -22,7 +22,7 @@ const deleteComment = gql`
 export const deleteCommentsReducer = (comments, { deletedCommentIds }) => {
   // Must copy with freezeResults enabled
   const nextCommentsState = [...comments].filter(
-    c => !deletedCommentIds.includes(c.id),
+    (c) => !deletedCommentIds.includes(c.id),
   )
   return nextCommentsState
 }
@@ -44,13 +44,14 @@ const DeleteComment = ({ datasetId, commentId }) => {
           id: datasetCacheId(datasetId),
           fragment: DATASET_COMMENTS,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             comments: nextCommentsState,
           },
         })
-      }}>
-      {deleteComment => (
+      }}
+    >
+      {(deleteComment) => (
         <div className="col col-fixed">
           <a
             className="edit"
@@ -61,7 +62,8 @@ const DeleteComment = ({ datasetId, commentId }) => {
                   deleteChildren: true,
                 },
               })
-            }}>
+            }}
+          >
             <Icon icon="fa fa-trash" label="Delete" />
           </a>
         </div>

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

@@ -1,46 +1,44 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import TextInput from '../fragments/text-input'
-import SelectInput from '../fragments/select-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 styled from "@emotion/styled"
 
 const Form = styled.form({
-  width: '100%',
-  maxWidth: '700px',
-  margin: '10px 0',
+  width: "100%",
+  maxWidth: "700px",
+  margin: "10px 0",
 })
 
-const fields = hasEdit => {
+const fields = (hasEdit) => {
   const fields = [
     {
-      key: 'reason',
-      label: 'Reason',
+      key: "reason",
+      label: "Reason",
       component: SelectInput,
       additionalProps: {
         options: [
-          { value: 'subject privacy' },
-          { value: 'duplicate dataset' },
-          { value: 'abuse of service', admin: true },
+          { value: "subject privacy" },
+          { value: "duplicate dataset" },
+          { value: "abuse of service", admin: true },
         ],
         showOptionOther: true,
         required: false,
       },
     },
     {
-      key: 'redirect',
-      label: 'Superseded by (URL)',
+      key: "redirect",
+      label: "Superseded by (URL)",
       component: TextInput,
       additionalProps: {
         required: false,
       },
     },
   ]
-  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 DeleteDatasetForm = ({ values, onChange, hasEdit }) => (

package/src/scripts/dataset/mutations/delete-file.jsx

@@ -1,7 +1,7 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql, useMutation } from '@apollo/client'
-import { WarnButton } from '@openneuro/components/warn-button'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql, useMutation } from "@apollo/client"
+import { WarnButton } from "@openneuro/components/warn-button"
 
 const DELETE_FILE = gql`
   mutation deleteFiles($datasetId: ID!, $files: [DeleteFile]) {
@@ -13,7 +13,7 @@ const DELETE_FILE = gql`
  * Given a file object, path/filename for deletion, and a list of currently loaded files, filter any that will be deleted and orphan directories
  */
 export function fileCacheDeleteFilter(file, path, filename, cachedFileObjects) {
-  const fullPath = [path, filename].filter(Boolean).join(':')
+  const fullPath = [path, filename].filter(Boolean).join(":")
   if (file.filename === fullPath) {
     return false
   } else {
@@ -45,7 +45,7 @@ const DeleteFile = ({ datasetId, path, filename }) => {
           fields: {
             files(cachedFiles) {
               // Filter any removed files from the Draft.files cache
-              const cachedFileObjects = cachedFiles.map(f =>
+              const cachedFileObjects = cachedFiles.map((f) =>
                 cache.readFragment({
                   id: cache.identify(f),
                   fragment: gql`
@@ -56,9 +56,9 @@ const DeleteFile = ({ datasetId, path, filename }) => {
                       directory
                     }
                   `,
-                }),
+                })
               )
-              const remainingFiles = cachedFiles.filter(f => {
+              const remainingFiles = cachedFiles.filter((f) => {
                 // Get the cache key for each file we have loaded
                 const file = cache.readFragment({
                   id: cache.identify(f),

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

@@ -1,7 +1,7 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
 
 export const DELETE_DATASET = gql`
   mutation deleteDataset($id: ID!, $reason: String, $redirect: String) {
@@ -11,18 +11,18 @@ export const DELETE_DATASET = gql`
 
 const DeleteDataset = ({ datasetId, metadata }) => {
   const [warn, setWarn] = React.useState(false)
-  const handleClick = deleteDataset => () => {
+  const handleClick = (deleteDataset) => () => {
     if (!warn) setWarn(true)
     else deleteDataset()
   }
 
   return (
     <Mutation mutation={DELETE_DATASET}>
-      {deleteDataset => (
+      {(deleteDataset) => (
         <span>
           <button
             className="on-button on-button--primary on-button--small"
-            style={{ backgroundColor: warn ? 'red' : null }}
+            style={{ backgroundColor: warn ? "red" : null }}
             onClick={handleClick(async () => {
               await deleteDataset({
                 variables: {
@@ -34,9 +34,10 @@ const DeleteDataset = ({ datasetId, metadata }) => {
               window.location.replace(
                 `${window.location.origin}/dashboard/datasets`,
               )
-            })}>
+            })}
+          >
             <i className="fa fa-trash" />
-            {warn ? ' Confirm Delete' : ' Delete Dataset'}
+            {warn ? " Confirm Delete" : " Delete Dataset"}
           </button>
         </span>
       )}

package/src/scripts/dataset/mutations/deprecate-version.tsx

@@ -1,7 +1,7 @@
-import React, { FC } from 'react'
-import { gql, useMutation } from '@apollo/client'
-import { Button } from '@openneuro/components/button'
-import { useNavigate } from 'react-router-dom'
+import React, { FC } from "react"
+import { gql, useMutation } from "@apollo/client"
+import { Button } from "@openneuro/components/button"
+import { useNavigate } from "react-router-dom"
 
 export const DEPRECATE_VERSION = gql`
   mutation deprecateSnapshot($datasetId: ID!, $tag: String!, $reason: String!) {
@@ -39,8 +39,7 @@ export const DeprecateVersion: FC<DeprecateVersionProps> = ({
           variables: { datasetId, tag, reason },
         }).then(() => {
           navigate(`/datasets/${datasetId}/versions/${tag}`)
-        })
-      }
+        })}
     />
   )
 }

package/src/scripts/dataset/mutations/description.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"
 
 export const UPDATE_DESCRIPTION = gql`
   mutation updateDescription(
@@ -56,7 +56,7 @@ export const mergeFieldValue = (
   updateDescription,
   updateDescriptionList,
 ) => ({
-  __typename: 'Dataset',
+  __typename: "Dataset",
   id: datasetId,
   draft: {
     ...draft,
@@ -95,8 +95,9 @@ const UpdateDescription = ({ datasetId, field, value, done }) => {
             updateDescriptionList,
           ),
         })
-      }}>
-      {updateDescription => (
+      }}
+    >
+      {(updateDescription) => (
         <SaveButton
           action={async () => {
             await updateDescription({ variables: { datasetId, field, value } })
@@ -111,16 +112,16 @@ const UpdateDescription = ({ datasetId, field, value, done }) => {
 UpdateDescription.propTypes = {
   datasetId: PropTypes.string,
   field: PropTypes.oneOf([
-    'Name',
-    'BIDSVersion',
-    'License',
-    'Authors',
-    'Acknowledgements',
-    'HowToAcknowledge',
-    'Funding',
-    'ReferencesAndLinks',
-    'DatasetDOI',
-    'EthicsApprovals',
+    "Name",
+    "BIDSVersion",
+    "License",
+    "Authors",
+    "Acknowledgements",
+    "HowToAcknowledge",
+    "Funding",
+    "ReferencesAndLinks",
+    "DatasetDOI",
+    "EthicsApprovals",
   ]),
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   done: PropTypes.func,

package/src/scripts/dataset/mutations/flag-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 FLAG_ANNEX_OBJECT = gql`
   mutation flagAnnexObject(
@@ -23,11 +23,12 @@ const FLAG_ANNEX_OBJECT = gql`
 
 const FlagAnnexObject = ({ datasetId, snapshot, filepath, annexKey }) => (
   <Mutation mutation={FLAG_ANNEX_OBJECT} awaitRefetchQueries={true}>
-    {flagAnnexObject => (
+    {(flagAnnexObject) => (
       // fa-exclamation-triangle might be better
       <Tooltip
         className="flag-annex-object"
-        tooltip="Flag: use this to alert site admins if this file has been found to contain subject sensitive data.">
+        tooltip="Flag: use this to alert site admins if this file has been found to contain subject sensitive data."
+      >
         <WarnButton
           message=""
           icon="fa-exclamation-triangle"
@@ -37,7 +38,7 @@ const FlagAnnexObject = ({ datasetId, snapshot, filepath, annexKey }) => (
             flagAnnexObject({
               variables: {
                 datasetId,
-                snapshot: snapshot || 'HEAD',
+                snapshot: snapshot || "HEAD",
                 filepath,
                 annexKey,
               },

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

@@ -1,9 +1,9 @@
-import React, { FC, useContext } from 'react'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import { datasetCacheId } from '../../datalad/mutations/cache-id.js'
-import { CountToggle } from '@openneuro/components/count-toggle'
-import { UserModalOpenCtx } from '../../utils/user-login-modal-ctx'
+import React, { FC, useContext } from "react"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import { datasetCacheId } from "../../datalad/mutations/cache-id.js"
+import { CountToggle } from "@openneuro/components/count-toggle"
+import { UserModalOpenCtx } from "../../utils/user-login-modal-ctx"
 
 const FOLLOW_DATASET = gql`
   mutation followDataset($datasetId: ID!) {
@@ -45,7 +45,7 @@ export const FollowDataset: FC<FollowDatasetProps> = ({
   followers,
 }) => {
   const { setUserModalOpen } = useContext(UserModalOpenCtx)
-  const handleToggle = followDataset => () => {
+  const handleToggle = (followDataset) => () => {
     if (!profile) {
       // if user is not logged in, give them the option to do so
       // then redirect back to this page
@@ -64,7 +64,7 @@ export const FollowDataset: FC<FollowDatasetProps> = ({
           id: datasetCacheId(datasetId),
           fragment: USER_FOLLOWING,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             following: following,
           },
@@ -78,19 +78,20 @@ export const FollowDataset: FC<FollowDatasetProps> = ({
           id: datasetCacheId(datasetId),
           fragment: DATASET_FOLLOWERS,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             followers: following
               ? [...followers, newFollower]
               : followers.filter(
-                  follower => follower.userId !== newFollower.userId,
-                ),
+                (follower) => follower.userId !== newFollower.userId,
+              ),
           },
         })
-      }}>
-      {followDataset => (
+      }}
+    >
+      {(followDataset) => (
         <CountToggle
-          label={following ? 'Following' : 'Follow'}
+          label={following ? "Following" : "Follow"}
           icon="fa-star"
           disabled={!profile}
           toggleClick={handleToggle(followDataset)}

package/src/scripts/dataset/mutations/import-dataset.tsx

@@ -1,8 +1,8 @@
-import React, { FC, useState } from 'react'
-import { gql, useMutation, useApolloClient } from '@apollo/client'
-import { Button } from '@openneuro/components/button'
-import { createDataset } from '../../uploader/upload-mutation'
-import styled from '@emotion/styled'
+import React, { FC, useState } from "react"
+import { gql, useApolloClient, useMutation } from "@apollo/client"
+import { Button } from "@openneuro/components/button"
+import { createDataset } from "../../uploader/upload-mutation"
+import styled from "@emotion/styled"
 
 export const IMPORT_DATASET = gql`
   mutation importRemoteDataset($datasetId: ID!, $url: String!) {