@openneuro/app 4.20.5 → 4.20.6-alpha.3

package/src/scripts/dataset/mutations/star.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 STAR_DATASET = gql`
   mutation starDataset($datasetId: ID!) {
@@ -44,7 +44,7 @@ export const StarDataset: FC<StarDatasetProps> = ({
   stars,
 }) => {
   const { setUserModalOpen } = useContext(UserModalOpenCtx)
-  const handleToggle = starDataset => () => {
+  const handleToggle = (starDataset) => () => {
     if (!profile) {
       // if user is not logged in, give them the option to do so
       // then redirect back to this page
@@ -63,7 +63,7 @@ export const StarDataset: FC<StarDatasetProps> = ({
           id: datasetCacheId(datasetId),
           fragment: USER_STARRED,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             starred,
           },
@@ -77,17 +77,18 @@ export const StarDataset: FC<StarDatasetProps> = ({
           id: datasetCacheId(datasetId),
           fragment: DATASET_STARS,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             stars: starred
               ? [...stars, newStar]
-              : stars.filter(star => star.userId !== newStar.userId),
+              : stars.filter((star) => star.userId !== newStar.userId),
           },
         })
-      }}>
-      {starDataset => (
+      }}
+    >
+      {(starDataset) => (
         <CountToggle
-          label={starred ? 'Bookmarked' : 'Bookmark'}
+          label={starred ? "Bookmarked" : "Bookmark"}
           icon="fa-bookmark"
           disabled={!profile}
           toggleClick={handleToggle(starDataset)}

package/src/scripts/dataset/mutations/submit-metadata.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_METADATA } from '../../datalad/dataset/dataset-query-fragments'
-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 { DATASET_METADATA } from "../../datalad/dataset/dataset-query-fragments"
+import { datasetCacheId } from "./cache-id.js"
+import { Button } from "@openneuro/components/button"
 
 export const SUBMIT_METADATA = gql`
   mutation addMetadata($datasetId: ID!, $metadata: MetadataInput!) {
@@ -44,13 +44,14 @@ const SubmitMetadata = ({ datasetId, metadata, done, disabled }) => (
         id: datasetCacheId(datasetId),
         fragment: DATASET_METADATA,
         data: {
-          __typename: 'Dataset',
+          __typename: "Dataset",
           id: datasetId,
           metadata: addMetadata,
         },
       })
-    }}>
-    {submitMetadata => (
+    }}
+  >
+    {(submitMetadata) => (
       <Button
         className="btn-modal-action"
         primary={true}
@@ -59,7 +60,7 @@ const SubmitMetadata = ({ datasetId, metadata, done, disabled }) => (
         type="submit"
         form="metadata-form"
         disabled={disabled}
-        onClick={async e => {
+        onClick={async (e) => {
           e.preventDefault()
           await submitMetadata({
             variables: { datasetId, metadata },

package/src/scripts/dataset/mutations/undo-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 { Tooltip } from '@openneuro/components/tooltip'
+import React, { FC } from "react"
+import { gql, useMutation } from "@apollo/client"
+import { Button } from "@openneuro/components/button"
+import { Tooltip } from "@openneuro/components/tooltip"
 
 const UNDO_DEPRECATE_VERSION = gql`
   mutation undoDeprecateSnapshot($datasetId: ID!, $tag: String!) {
@@ -35,8 +35,7 @@ export const UndoDeprecateVersion: FC<UndoDeprecateVersionProps> = ({
         onClick={() =>
           UndoDeprecateVersion({
             variables: { datasetId, tag },
-          })
-        }
+          })}
       />
     </Tooltip>
   )

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

@@ -1,6 +1,6 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import UploaderContext from '../../uploader/uploader-context.js'
+import React from "react"
+import PropTypes from "prop-types"
+import UploaderContext from "../../uploader/uploader-context.js"
 
 const UpdateFile = ({
   datasetId,
@@ -11,12 +11,12 @@ const UpdateFile = ({
 }) => {
   return (
     <UploaderContext.Consumer>
-      {uploader => (
+      {(uploader) => (
         <div className="edit-file">
           <input
             type="file"
             className="update-file"
-            onChange={e => {
+            onChange={(e) => {
               e.preventDefault()
               uploader.resumeDataset(
                 datasetId,
@@ -24,7 +24,7 @@ const UpdateFile = ({
                 false,
               )({ files: e.target.files })
             }}
-            webkitdirectory={directory ? 'true' : undefined}
+            webkitdirectory={directory ? "true" : undefined}
             multiple={multiple && true}
           />
           {children}

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

@@ -1,9 +1,9 @@
-import React, { FC } from 'react'
-import { gql, useMutation } from '@apollo/client'
-import { toast } from 'react-toastify'
-import ToastContent from '../../common/partials/toast-content'
-import { validate as isValidEmail } from 'email-validator'
-import { Button } from '@openneuro/components/button'
+import React, { FC } from "react"
+import { gql, useMutation } from "@apollo/client"
+import { toast } from "react-toastify"
+import ToastContent from "../../common/partials/toast-content"
+import { validate as isValidEmail } from "email-validator"
+import { Button } from "@openneuro/components/button"
 
 const UPDATE_PERMISSIONS = gql`
   mutation updatePermissions(
@@ -29,15 +29,15 @@ export const mergeNewPermission = (
   metadata,
 ) => {
   return {
-    __typename: 'Dataset',
+    __typename: "Dataset",
     id: datasetId,
     permissions: {
       ...oldPermissions,
       userPermissions: [
         ...oldPermissions.userPermissions,
         {
-          __typename: 'Permission',
-          user: { __typename: 'User', ...userInfo },
+          __typename: "Permission",
+          user: { __typename: "User", ...userInfo },
           level: metadata,
         },
       ],

package/src/scripts/dataset/mutations/update-ref.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 RESET_DRAFT = gql`
   mutation resetDraft($datasetId: ID!, $ref: String!) {
@@ -13,7 +13,7 @@ const RESET_DRAFT = gql`
 
 const UpdateRef = ({ datasetId, revision }) => (
   <Mutation mutation={RESET_DRAFT}>
-    {resetDraft => (
+    {(resetDraft) => (
       <Tooltip tooltip="Reset Draft Head">
         <Button
           iconOnly={true}

package/src/scripts/dataset/routes/__tests__/deprecate-snapshot-page.spec.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import { DeprecateSnapshotPage } from '../deprecate-snapshot-page'
+import React from "react"
+import { render, screen } from "@testing-library/react"
+import { DeprecateSnapshotPage } from "../deprecate-snapshot-page"
 
-describe('DeprecateSnapshotPage component', () => {
-  it('renders accession number and tag', () => {
+describe("DeprecateSnapshotPage component", () => {
+  it("renders accession number and tag", () => {
     render(<DeprecateSnapshotPage datasetId="ds000001" snapshotTag="1.0.0" />)
     expect(
       screen.getByText(/Deprecate ds000001 version 1\.0\.0/),

package/src/scripts/dataset/routes/add-metadata.jsx

@@ -1,35 +1,35 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useNavigate, useLocation } from 'react-router-dom'
-import { useCookies } from 'react-cookie'
-import MetadataForm from '../mutations/metadata-form.jsx'
-import { DatasetRelations } from '../mutations/dataset-relations'
-import SubmitMetadata from '../mutations/submit-metadata.jsx'
-import LoggedIn from '../../authentication/logged-in.jsx'
-import { hasEditPermissions, getProfile } from '../../authentication/profile'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3, HeaderRow4 } from './styles/header-row'
+import React, { useState } from "react"
+import PropTypes from "prop-types"
+import { useLocation, useNavigate } from "react-router-dom"
+import { useCookies } from "react-cookie"
+import MetadataForm from "../mutations/metadata-form.jsx"
+import { DatasetRelations } from "../mutations/dataset-relations"
+import SubmitMetadata from "../mutations/submit-metadata.jsx"
+import LoggedIn from "../../authentication/logged-in.jsx"
+import { getProfile, hasEditPermissions } from "../../authentication/profile"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3, HeaderRow4 } from "./styles/header-row"
 
 const validations = [
   {
-    fields: ['affirmedConsent', 'affirmedDefaced'],
+    fields: ["affirmedConsent", "affirmedDefaced"],
     check: ([affirmedConsent, affirmedDefaced]) =>
       affirmedConsent || affirmedDefaced,
     errorMessage:
-      'Uploader must affirm that structural scans are defaced or that they have consent to publish scans without defacing.',
+      "Uploader must affirm that structural scans are defaced or that they have consent to publish scans without defacing.",
   },
 ]
 
-const runValidations = values =>
+const runValidations = (values) =>
   validations
-    .map(validation => {
-      const relevantValues = validation.fields.map(key => values[key])
+    .map((validation) => {
+      const relevantValues = validation.fields.map((key) => values[key])
       // TODO - This doesn't seem necessary?
       // @ts-expect-error
       const isValid = validation.check(relevantValues)
       if (!isValid) return validation.errorMessage
     })
-    .filter(error => error)
+    .filter((error) => error)
 
 const hasChanged = (errorsA, errorsB) =>
   JSON.stringify(errorsA) !== JSON.stringify(errorsB)
@@ -55,13 +55,12 @@ const AddMetadata = ({ dataset }) => {
   // @ts-ignore-next-line
   const submitPath = location.state && location.state.submitPath
   const user = getProfile(cookies)
-  const hasEdit =
-    (user && user.admin) ||
+  const hasEdit = (user && user.admin) ||
     hasEditPermissions(dataset.permissions, user && user.sub)
 
   return (
     <DatasetPageBorder className="metadata-form">
-      <HeaderRow3>{hasEdit && 'Add '}Metadata</HeaderRow3>
+      <HeaderRow3>{hasEdit && "Add "}Metadata</HeaderRow3>
       <MetadataForm
         values={values}
         onChange={handleInputChange}

package/src/scripts/dataset/routes/admin-datalad.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import DatasetHistory from '../fragments/dataset-history.jsx'
-import CacheClear from '../mutations/cache-clear.jsx'
-import AdminExports from '../mutations/admin-exports'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3, HeaderRow4 } from './styles/header-row'
+import React from "react"
+import PropTypes from "prop-types"
+import DatasetHistory from "../fragments/dataset-history.jsx"
+import CacheClear from "../mutations/cache-clear.jsx"
+import AdminExports from "../mutations/admin-exports"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3, HeaderRow4 } from "./styles/header-row"
 
 const AdminDataset = ({ dataset }) => (
   <DatasetPageBorder className="datalad-dataset-form">

package/src/scripts/dataset/routes/dataset-default.tsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import Markdown from 'markdown-to-jsx'
-import { ReadMore } from '@openneuro/components/read-more'
-import { MetaDataBlock } from '@openneuro/components/dataset'
-import Files from '../files/files'
-import Comments from '../comments/comments'
-import EditDescriptionField from '../fragments/edit-description-field'
+import React from "react"
+import Markdown from "markdown-to-jsx"
+import { ReadMore } from "@openneuro/components/read-more"
+import { MetaDataBlock } from "@openneuro/components/dataset"
+import Files from "../files/files"
+import Comments from "../comments/comments"
+import EditDescriptionField from "../fragments/edit-description-field"
 
 /**
  * Default tab for dataset draft pages
@@ -21,12 +21,14 @@ export const DatasetDefault = ({ dataset, hasEdit }) => (
           field="readme"
           rows={12}
           description={dataset.draft.readme}
-          editMode={hasEdit}>
+          editMode={hasEdit}
+        >
           <ReadMore
             id="readme"
             expandLabel="Read More"
-            collapseLabel="Collapse">
-            <Markdown>{dataset.draft.readme || 'N/A'}</Markdown>
+            collapseLabel="Collapse"
+          >
+            <Markdown>{dataset.draft.readme || "N/A"}</Markdown>
           </ReadMore>
         </EditDescriptionField>
       )}

package/src/scripts/dataset/routes/delete-page.tsx

@@ -1,13 +1,13 @@
-import React, { useState } from 'react'
-import { useCookies } from 'react-cookie'
-import DeleteDatasetForm from '../mutations/delete-dataset-form.jsx'
-import DeleteDataset from '../mutations/delete.jsx'
-import LoggedIn from '../../authentication/logged-in.jsx'
-import { getProfile } from '../../authentication/profile'
-import AdminUser from '../../authentication/admin-user.jsx'
-import { RegularUser } from '../../authentication/regular-user'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
+import React, { useState } from "react"
+import { useCookies } from "react-cookie"
+import DeleteDatasetForm from "../mutations/delete-dataset-form.jsx"
+import DeleteDataset from "../mutations/delete.jsx"
+import LoggedIn from "../../authentication/logged-in.jsx"
+import { getProfile } from "../../authentication/profile"
+import AdminUser from "../../authentication/admin-user.jsx"
+import { RegularUser } from "../../authentication/regular-user"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
 
 interface DeletePageProps {
   dataset: {
@@ -18,8 +18,8 @@ interface DeletePageProps {
 
 const DeletePage = ({ dataset }: DeletePageProps): React.ReactElement => {
   const [values, setValues] = useState({
-    reason: '',
-    redirect: '',
+    reason: "",
+    redirect: "",
   })
   const handleInputChange = (name, value) => {
     const newValues = {

package/src/scripts/dataset/routes/deprecate-snapshot-page.tsx

@@ -1,10 +1,10 @@
-import React, { useState } from 'react'
-import { useParams } from 'react-router-dom'
-import { DeprecateVersion } from '../mutations/deprecate-version'
-import { Input } from '@openneuro/components/input'
-import LoggedIn from '../../authentication/logged-in.jsx'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
+import React, { useState } from "react"
+import { useParams } from "react-router-dom"
+import { DeprecateVersion } from "../mutations/deprecate-version"
+import { Input } from "@openneuro/components/input"
+import LoggedIn from "../../authentication/logged-in.jsx"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
 
 interface DeprecateSnapshotProps {
   datasetId: string
@@ -15,7 +15,7 @@ export const DeprecateSnapshotPage = ({
   datasetId,
   snapshotTag,
 }: DeprecateSnapshotProps): React.ReactElement => {
-  const [reason, setReason] = useState('')
+  const [reason, setReason] = useState("")
 
   return (
     <DatasetPageBorder>

package/src/scripts/dataset/routes/derivatives.tsx

@@ -1,8 +1,8 @@
-import React from 'react'
-import DownloadS3Derivative from '../download/download-derivative-s3'
-import DownloadDataLadDerivative from '../download/download-derivative-datalad'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
+import React from "react"
+import DownloadS3Derivative from "../download/download-derivative-s3"
+import DownloadDataLadDerivative from "../download/download-derivative-datalad"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
 
 interface DerivativeElementProps {
   name: string
@@ -43,15 +43,15 @@ const Derivatives = ({ derivatives }: DerivativesProps): JSX.Element => {
       <HeaderRow3>Available Derivatives</HeaderRow3>
       <h5>Acknowledgements</h5>
       <p>
-        These derivatives were generated on the{' '}
+        These derivatives were generated on the{" "}
         <a href="https://www.tacc.utexas.edu/">
           Texas Advanced Computing Center
-        </a>{' '}
-        Frontera computing system [1] through their{' '}
+        </a>{" "}
+        Frontera computing system [1] through their{" "}
         <a href="https://frontera-portal.tacc.utexas.edu/allocations/">
           Pathways allocation
         </a>
-        . This work was also funded by the{' '}
+        . This work was also funded by the{" "}
         <a href="https://grantome.com/grant/NIH/R24-MH117179-03">
           NIH BRAIN Initiative
         </a>
@@ -67,7 +67,7 @@ const Derivatives = ({ derivatives }: DerivativesProps): JSX.Element => {
           https://doi.org/10.1145/3311790.3396656
         </a>
       </p>
-      {derivatives.map(derivative => (
+      {derivatives.map((derivative) => (
         <DerivativeElement key={derivative.name} {...derivative} />
       ))}
     </DatasetPageBorder>

package/src/scripts/dataset/routes/download-dataset.tsx

@@ -1,33 +1,33 @@
 /* global globalThis */
-import React from 'react'
-import PropTypes from 'prop-types'
-import { useParams } from 'react-router-dom'
-import DownloadLink from '../download/download-link.jsx'
-import DownloadS3 from '../download/download-s3.jsx'
-import DownloadCommandLine from '../download/download-command-line.jsx'
-import DownloadDatalad from '../download/download-datalad.jsx'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
-import { DownloadScript } from '../download/download-script'
+import React from "react"
+import PropTypes from "prop-types"
+import { useParams } from "react-router-dom"
+import DownloadLink from "../download/download-link.jsx"
+import DownloadS3 from "../download/download-s3.jsx"
+import DownloadCommandLine from "../download/download-command-line.jsx"
+import DownloadDatalad from "../download/download-datalad.jsx"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
+import { DownloadScript } from "../download/download-script"
 
 const DownloadDataset = ({ worker, datasetPermissions }) => {
   const { datasetId, tag: snapshotTag } = useParams()
-  const workerId = worker?.split('-').pop()
+  const workerId = worker?.split("-").pop()
   return (
     <DatasetPageBorder>
       <HeaderRow3>How to Download</HeaderRow3>
       <div className="grid grid-between">
-        {'showDirectoryPicker' in globalThis ? (
-          <DownloadLink datasetId={datasetId} snapshotTag={snapshotTag} />
-        ) : (
-          <DownloadCommandLine
-            datasetId={datasetId}
-            snapshotTag={snapshotTag}
-          />
-        )}
+        {"showDirectoryPicker" in globalThis
+          ? <DownloadLink datasetId={datasetId} snapshotTag={snapshotTag} />
+          : (
+            <DownloadCommandLine
+              datasetId={datasetId}
+              snapshotTag={snapshotTag}
+            />
+          )}
         <DownloadS3 datasetId={datasetId} />
       </div>
-      {'showDirectoryPicker' in globalThis && (
+      {"showDirectoryPicker" in globalThis && (
         <DownloadCommandLine datasetId={datasetId} snapshotTag={snapshotTag} />
       )}
       <DownloadDatalad

package/src/scripts/dataset/routes/manage-anonymous-reviewers.tsx

@@ -1,11 +1,11 @@
-import React, { FC } from 'react'
+import React, { FC } from "react"
 
-import { DeleteReviewerLink } from '../mutations/delete-anonymous-reviewer'
-import { CreateReviewLink } from '../mutations/create-anonymous-reviewer'
-import { HeaderRow4 } from './styles/header-row'
+import { DeleteReviewerLink } from "../mutations/delete-anonymous-reviewer"
+import { CreateReviewLink } from "../mutations/create-anonymous-reviewer"
+import { HeaderRow4 } from "./styles/header-row"
 
-const formatDate = dateObject =>
-  new Date(dateObject).toISOString().split('T')[0]
+const formatDate = (dateObject) =>
+  new Date(dateObject).toISOString().split("T")[0]
 
 interface AnonymousReviewerProps {
   datasetId: string
@@ -32,36 +32,38 @@ export const AnonymousReviewer: FC<AnonymousReviewerProps> = ({
             one year or until they are removed.
           </p>
         </div>
-        {hasSnapshot ? (
-          <CreateReviewLink datasetId={datasetId} />
-        ) : (
-          <p className="text-danger">
-            Please create a dataset version before generating a reviewer link.
-          </p>
-        )}
-        {reviewers.length ? (
-          <div className="dataset-form-body">
-            <h3>Previous Review Links: </h3>
-            <div className="data-table-header">
-              <span>ID</span>
-              <span>Expiration</span>
-              <span>Edit</span>
-            </div>
-            {reviewers?.map((item, index) => (
-              <div key={index} className="data-table-content">
-                <span>
-                  <label>ID: </label> {item.id}
-                </span>
-                <span>
-                  <label>Expiration: </label> {formatDate(item.expiration)}
-                </span>
-                <span>
-                  <DeleteReviewerLink datasetId={datasetId} id={item.id} />
-                </span>
+        {hasSnapshot
+          ? <CreateReviewLink datasetId={datasetId} />
+          : (
+            <p className="text-danger">
+              Please create a dataset version before generating a reviewer link.
+            </p>
+          )}
+        {reviewers.length
+          ? (
+            <div className="dataset-form-body">
+              <h3>Previous Review Links:</h3>
+              <div className="data-table-header">
+                <span>ID</span>
+                <span>Expiration</span>
+                <span>Edit</span>
               </div>
-            ))}
-          </div>
-        ) : null}
+              {reviewers?.map((item, index) => (
+                <div key={index} className="data-table-content">
+                  <span>
+                    <label>ID:</label> {item.id}
+                  </span>
+                  <span>
+                    <label>Expiration:</label> {formatDate(item.expiration)}
+                  </span>
+                  <span>
+                    <DeleteReviewerLink datasetId={datasetId} id={item.id} />
+                  </span>
+                </div>
+              ))}
+            </div>
+          )
+          : null}
       </div>
     </div>
   )