@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/dataset/fragments/__tests__/dataset-citation.spec.jsx

@@ -1,23 +1,23 @@
-import { formatCitation } from '../dataset-citation.jsx'
+import { formatCitation } from "../dataset-citation.jsx"
 
 const snapshot = {
-  id: 'ds999999:1.0.2',
-  created: '2020-12-15T18:32:51.679Z',
+  id: "ds999999:1.0.2",
+  created: "2020-12-15T18:32:51.679Z",
   description: {
-    Authors: ['Jane Doe', 'Doe, John'],
-    Name: 'A Test Dataset',
-    DatasetDOI: 'doinumbersgohere',
+    Authors: ["Jane Doe", "Doe, John"],
+    Name: "A Test Dataset",
+    DatasetDOI: "doinumbersgohere",
   },
 }
 
-describe('formatCitation', () => {
+describe("formatCitation", () => {
   it('should work with "Text" input', () => {
-    expect(formatCitation(snapshot, 'Text')).toEqual(
-      'Jane Doe and Doe, John (2020). A Test Dataset. OpenNeuro. [Dataset] doi: doinumbersgohere',
+    expect(formatCitation(snapshot, "Text")).toEqual(
+      "Jane Doe and Doe, John (2020). A Test Dataset. OpenNeuro. [Dataset] doi: doinumbersgohere",
     )
   })
   it('should work with "BibTeX" input', () => {
-    expect(formatCitation(snapshot, 'BibTeX')).toEqual(`@dataset{ds999999:1.0.2,
+    expect(formatCitation(snapshot, "BibTeX")).toEqual(`@dataset{ds999999:1.0.2,
   author = {Jane Doe and Doe, John},
   title = {"A Test Dataset"},
   year = {2020},

package/src/scripts/dataset/fragments/__tests__/doi-link.spec.tsx

@@ -1,25 +1,25 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import { DOILink } from '../doi-link'
-import { MemoryRouter } from 'react-router-dom'
+import React from "react"
+import { render, screen } from "@testing-library/react"
+import { DOILink } from "../doi-link"
+import { MemoryRouter } from "react-router-dom"
 
-describe('DoiLink component', () => {
-  it('Renders usable link with raw DOI value', () => {
+describe("DoiLink component", () => {
+  it("Renders usable link with raw DOI value", () => {
     render(
       <DOILink DOI="10.18112/openneuro.ds000001.v1.0.0" datasetId="ds000001" />,
       {
         wrapper: MemoryRouter,
       },
     )
-    expect(screen.getByRole('link')).toHaveTextContent(
-      'doi:10.18112/openneuro.ds000001.v1.0.0',
+    expect(screen.getByRole("link")).toHaveTextContent(
+      "doi:10.18112/openneuro.ds000001.v1.0.0",
     )
-    expect(screen.getByRole('link')).toHaveAttribute(
-      'href',
-      'https://doi.org/10.18112/openneuro.ds000001.v1.0.0',
+    expect(screen.getByRole("link")).toHaveAttribute(
+      "href",
+      "https://doi.org/10.18112/openneuro.ds000001.v1.0.0",
     )
   })
-  it('Renders usable link with URI DOI value', () => {
+  it("Renders usable link with URI DOI value", () => {
     render(
       <DOILink
         DOI="doi:10.18112/openneuro.ds000001.v1.0.0"
@@ -29,11 +29,11 @@ describe('DoiLink component', () => {
         wrapper: MemoryRouter,
       },
     )
-    expect(screen.getByRole('link')).toHaveTextContent(
-      'doi:10.18112/openneuro.ds000001.v1.0.0',
+    expect(screen.getByRole("link")).toHaveTextContent(
+      "doi:10.18112/openneuro.ds000001.v1.0.0",
     )
   })
-  it('Renders usage link with URL DOI value', () => {
+  it("Renders usage link with URL DOI value", () => {
     render(
       <DOILink
         DOI="https://doi.org/10.18112/openneuro.ds000001.v1.0.0"
@@ -41,32 +41,32 @@ describe('DoiLink component', () => {
       />,
       { wrapper: MemoryRouter },
     )
-    expect(screen.getByRole('link')).toHaveTextContent(
-      'doi:10.18112/openneuro.ds000001.v1.0.0',
+    expect(screen.getByRole("link")).toHaveTextContent(
+      "doi:10.18112/openneuro.ds000001.v1.0.0",
     )
   })
-  it('Renders fallback link with invalid DOI value', () => {
+  it("Renders fallback link with invalid DOI value", () => {
     render(<DOILink DOI="doi:x" datasetId="ds000001" />, {
       wrapper: MemoryRouter,
     })
-    expect(screen.getByRole('link')).toHaveTextContent(
-      'Create a new snapshot to obtain a DOI for the snapshot.',
+    expect(screen.getByRole("link")).toHaveTextContent(
+      "Create a new snapshot to obtain a DOI for the snapshot.",
     )
-    expect(screen.getByRole('link')).toHaveAttribute(
-      'href',
-      '/datasets/ds000001/snapshot',
+    expect(screen.getByRole("link")).toHaveAttribute(
+      "href",
+      "/datasets/ds000001/snapshot",
     )
   })
-  it('Renders fallback text if no valid DOI string is found', () => {
+  it("Renders fallback text if no valid DOI string is found", () => {
     render(<DOILink DOI={null} datasetId="ds000001" />, {
       wrapper: MemoryRouter,
     })
-    expect(screen.getByRole('link')).toHaveTextContent(
-      'Create a new snapshot to obtain a DOI for the snapshot.',
+    expect(screen.getByRole("link")).toHaveTextContent(
+      "Create a new snapshot to obtain a DOI for the snapshot.",
     )
-    expect(screen.getByRole('link')).toHaveAttribute(
-      'href',
-      '/datasets/ds000001/snapshot',
+    expect(screen.getByRole("link")).toHaveAttribute(
+      "href",
+      "/datasets/ds000001/snapshot",
     )
   })
 })

package/src/scripts/dataset/fragments/__tests__/edit-button.spec.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import { render } from '@testing-library/react'
-import { EditButton } from '../edit-button'
+import React from "react"
+import { render } from "@testing-library/react"
+import { EditButton } from "../edit-button"
 
-describe('EditButton component', () => {
-  it('renders with default props', () => {
+describe("EditButton component", () => {
+  it("renders with default props", () => {
     const { asFragment } = render(<EditButton action={() => {}} />)
     expect(asFragment()).toMatchSnapshot()
   })

package/src/scripts/dataset/fragments/__tests__/edit-list.spec.jsx

@@ -1,26 +1,26 @@
-import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
-import EditList from '../edit-list.jsx'
+import React from "react"
+import { fireEvent, render, screen } from "@testing-library/react"
+import EditList from "../edit-list.jsx"
 
-describe('EditList component', () => {
-  it('renders with default props', () => {
+describe("EditList component", () => {
+  it("renders with default props", () => {
     const { asFragment } = render(<EditList />)
     expect(asFragment()).toMatchSnapshot()
   })
-  it('calls setElements when an item is added', () => {
-    const testText = 'this is a test entry'
+  it("calls setElements when an item is added", () => {
+    const testText = "this is a test entry"
     const setElements = vi.fn()
     render(<EditList setElements={setElements} />)
-    fireEvent.change(screen.getByRole('textbox'), {
+    fireEvent.change(screen.getByRole("textbox"), {
       target: { value: testText },
     })
-    fireEvent.click(screen.getByLabelText('Add'))
+    fireEvent.click(screen.getByLabelText("Add"))
     // Added an empty string to an empty list
     expect(setElements).toHaveBeenCalledWith([testText])
   })
-  it('renders any elements', () => {
-    render(<EditList elements={['One', 'Two']} />)
-    expect(screen.getByText('One')).toBeVisible()
-    expect(screen.getByText('Two')).toBeVisible()
+  it("renders any elements", () => {
+    render(<EditList elements={["One", "Two"]} />)
+    expect(screen.getByText("One")).toBeVisible()
+    expect(screen.getByText("Two")).toBeVisible()
   })
 })

package/src/scripts/dataset/fragments/__tests__/save-button.spec.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import { render } from '@testing-library/react'
-import { SaveButton } from '../save-button'
+import React from "react"
+import { render } from "@testing-library/react"
+import { SaveButton } from "../save-button"
 
-describe('SaveButton component', () => {
-  it('renders with default props', () => {
+describe("SaveButton component", () => {
+  it("renders with default props", () => {
     const { asFragment } = render(<SaveButton action={() => {}} />)
     expect(asFragment()).toMatchSnapshot()
   })

package/src/scripts/dataset/fragments/__tests__/select-input.spec.tsx

@@ -1,16 +1,16 @@
-import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
-import SelectInput from '../select-input'
+import React from "react"
+import { fireEvent, render, screen } from "@testing-library/react"
+import SelectInput from "../select-input"
 
-describe('SelectInput', () => {
-  it('handles display as disabled', () => {
+describe("SelectInput", () => {
+  it("handles display as disabled", () => {
     const { asFragment } = render(
       <SelectInput
         {...{
-          name: 'Expected name',
-          label: 'Expected label',
-          value: 'hi',
-          options: [{ value: 'hi' }, { value: 'bye' }],
+          name: "Expected name",
+          label: "Expected label",
+          value: "hi",
+          options: [{ value: "hi" }, { value: "bye" }],
           disabled: true,
           annotated: true,
         }}
@@ -18,14 +18,14 @@ describe('SelectInput', () => {
     )
     expect(asFragment()).toMatchSnapshot()
   })
-  it('handles display as not disabled', () => {
+  it("handles display as not disabled", () => {
     const { asFragment } = render(
       <SelectInput
         {...{
-          name: 'Expected name',
-          label: 'Expected label',
-          value: 'hi',
-          options: [{ value: 'hi' }, { value: 'bye' }],
+          name: "Expected name",
+          label: "Expected label",
+          value: "hi",
+          options: [{ value: "hi" }, { value: "bye" }],
           disabled: false,
           annotated: false,
         }}
@@ -33,16 +33,16 @@ describe('SelectInput', () => {
     )
     expect(asFragment()).toMatchSnapshot()
   })
-  it('handles boolean display', () => {
+  it("handles boolean display", () => {
     const { asFragment } = render(
       <SelectInput
         {...{
-          name: 'Expected name',
-          label: 'Expected label',
+          name: "Expected name",
+          label: "Expected label",
           value: true,
           options: [
-            { value: true, text: 'true-label' },
-            { value: false, text: 'false-label' },
+            { value: true, text: "true-label" },
+            { value: false, text: "false-label" },
           ],
           hasBooleanValues: true,
           disabled: true,
@@ -52,18 +52,18 @@ describe('SelectInput', () => {
     )
     expect(asFragment()).toMatchSnapshot()
   })
-  it('handles boolean values', () => {
+  it("handles boolean values", () => {
     let _, value
     const onChange = (...args) => ([_, value] = args)
     render(
       <SelectInput
         {...{
-          name: 'Expected name',
-          label: 'Expected label',
+          name: "Expected name",
+          label: "Expected label",
           value: true,
           options: [
-            { value: true, text: 'true-label' },
-            { value: false, text: 'false-label' },
+            { value: true, text: "true-label" },
+            { value: false, text: "false-label" },
           ],
           hasBooleanValues: true,
           disabled: true,
@@ -76,9 +76,9 @@ describe('SelectInput', () => {
       preventDefault() {
         null
       },
-      target: { value: 'false' },
+      target: { value: "false" },
     }
-    fireEvent.change(screen.getByRole('combobox'), event)
+    fireEvent.change(screen.getByRole("combobox"), event)
     expect(value).toBe(false)
   })
 })

package/src/scripts/dataset/fragments/cancel-button.tsx

@@ -1,5 +1,5 @@
-import React, { FC } from 'react'
-import { Button } from '@openneuro/components/button'
+import React, { FC } from "react"
+import { Button } from "@openneuro/components/button"
 
 /**
  * An edit button, calls action when clicked

package/src/scripts/dataset/fragments/comments-fragments.js

@@ -1,4 +1,4 @@
-import { gql } from '@apollo/client'
+import { gql } from "@apollo/client"
 
 export const DATASET_COMMENTS = gql`
   fragment DatasetComments on Dataset {

package/src/scripts/dataset/fragments/copyable-tooltip.jsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
+import React from "react"
+import PropTypes from "prop-types"
+import styled from "@emotion/styled"
 
 export const TooltipSpan = styled.span`
   &::before {
@@ -31,25 +31,25 @@ export const TooltipSpan = styled.span`
     background-color: white;
   }
 `
-const CopyButton = styled('i')({
-  cursor: 'copy',
+const CopyButton = styled("i")({
+  cursor: "copy",
 })
 
 function fallbackCopyTextToClipboard(text) {
-  const textArea = document.createElement('textarea')
+  const textArea = document.createElement("textarea")
   textArea.value = text
-  textArea.style.position = 'fixed'
+  textArea.style.position = "fixed"
   document.body.appendChild(textArea)
   textArea.focus()
   textArea.select()
 
   try {
-    const success = document.execCommand('copy')
+    const success = document.execCommand("copy")
     console.log(
-      `Copying text command was ${success ? 'successful!' : 'unsuccessful.'}`,
+      `Copying text command was ${success ? "successful!" : "unsuccessful."}`,
     )
   } catch (err) {
-    console.error('Could not copy text: ', err)
+    console.error("Could not copy text: ", err)
   }
 
   document.body.removeChild(textArea)
@@ -57,11 +57,12 @@ function fallbackCopyTextToClipboard(text) {
 
 function copyTextToClipboard(text) {
   if (!navigator.clipboard) fallbackCopyTextToClipboard(text)
-  else
+  else {
     navigator.clipboard.writeText(text).then(
-      () => console.log('Copying to clipboard was successful!'),
-      err => console.error('Could not copy text: ', err),
+      () => console.log("Copying to clipboard was successful!"),
+      (err) => console.error("Could not copy text: ", err),
     )
+  }
 }
 
 const Tooltip = ({ text, tip }) => (

package/src/scripts/dataset/fragments/dataset-alert-draft.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-import { DatasetAlert } from '@openneuro/components/dataset'
+import React from "react"
+import { Link } from "react-router-dom"
+import { DatasetAlert } from "@openneuro/components/dataset"
 
 export interface DatasetAlertDraftProps {
   isPrivate: boolean
@@ -20,15 +20,15 @@ export const DatasetAlertDraft: React.FC<DatasetAlertDraftProps> = ({
       return (
         <DatasetAlert
           alert="This dataset has not been published!"
-          footer={
-            hasDraftChanges &&
-            '* There have been changes to the draft since your last version'
-          }
-          level="warning">
+          footer={hasDraftChanges &&
+            "* There have been changes to the draft since your last version"}
+          level="warning"
+        >
           <>
             <Link
               className="dataset-tool"
-              to={'/datasets/' + datasetId + '/publish'}>
+              to={"/datasets/" + datasetId + "/publish"}
+            >
               Publish this dataset
             </Link>
             &#32; to make all versions available publicly.
@@ -39,11 +39,13 @@ export const DatasetAlertDraft: React.FC<DatasetAlertDraftProps> = ({
       return (
         <DatasetAlert
           alert="This dataset has not been published!"
-          level="warning">
+          level="warning"
+        >
           Before it can be published, please&#32;
           <Link
             className="dataset-tool"
-            to={'/datasets/' + datasetId + '/snapshot'}>
+            to={"/datasets/" + datasetId + "/snapshot"}
+          >
             create a version
           </Link>
         </DatasetAlert>
@@ -57,7 +59,8 @@ export const DatasetAlertDraft: React.FC<DatasetAlertDraftProps> = ({
           become public when you&#32;
           <Link
             className="dataset-tool"
-            to={'/datasets/' + datasetId + '/snapshot'}>
+            to={"/datasets/" + datasetId + "/snapshot"}
+          >
             create a new version.
           </Link>
         </DatasetAlert>
@@ -68,7 +71,8 @@ export const DatasetAlertDraft: React.FC<DatasetAlertDraftProps> = ({
           You can make changes to this Draft page, then&#32;
           <Link
             className="dataset-tool"
-            to={'/datasets/' + datasetId + '/snapshot'}>
+            to={"/datasets/" + datasetId + "/snapshot"}
+          >
             create a new version
           </Link>
           &#32;to make them public.

package/src/scripts/dataset/fragments/dataset-alert-version.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import { DatasetAlert } from '@openneuro/components/dataset'
-import { UndoDeprecateVersion } from '../mutations/undo-deprecate-version'
+import React from "react"
+import { DatasetAlert } from "@openneuro/components/dataset"
+import { UndoDeprecateVersion } from "../mutations/undo-deprecate-version"
 
 export interface DatasetAlertVersionProps {
   datasetId: string
@@ -18,7 +18,8 @@ export const DatasetAlertVersion: React.FC<DatasetAlertVersionProps> = ({
   <DatasetAlert
     alert="This version has been deprecated!"
     level="error"
-    footer={reason}>
+    footer={reason}
+  >
     {hasEdit && <UndoDeprecateVersion datasetId={datasetId} tag={tag} />}
   </DatasetAlert>
 )

package/src/scripts/dataset/fragments/dataset-citation.jsx

@@ -1,19 +1,19 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import getYear from 'date-fns/getYear'
-import parseISO from 'date-fns/parseISO'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
-import { Button } from '@openneuro/components/button'
-import { Tooltip } from '@openneuro/components/tooltip'
+import React, { useState } from "react"
+import PropTypes from "prop-types"
+import getYear from "date-fns/getYear"
+import parseISO from "date-fns/parseISO"
+import { CopyToClipboard } from "react-copy-to-clipboard"
+import { Button } from "@openneuro/components/button"
+import { Tooltip } from "@openneuro/components/tooltip"
 
 export const formatCitation = (snapshot, style) => {
   const year = getYear(parseISO(snapshot.created))
   const authors = snapshot.description.Authors
-    ? snapshot.description.Authors.join(' and ')
-    : 'NO AUTHORS FOUND'
-  if (style === 'Text') {
+    ? snapshot.description.Authors.join(" and ")
+    : "NO AUTHORS FOUND"
+  if (style === "Text") {
     return `${authors} (${year}). ${snapshot.description.Name}. OpenNeuro. [Dataset] doi: ${snapshot.description.DatasetDOI}`
-  } else if (style === 'BibTeX') {
+  } else if (style === "BibTeX") {
     return `@dataset{${snapshot.id},
   author = {${authors}},
   title = {"${snapshot.description.Name}"},
@@ -25,7 +25,7 @@ export const formatCitation = (snapshot, style) => {
 }
 
 const DatasetCitation = ({ snapshot }) => {
-  const [style, setStyle] = useState('Text')
+  const [style, setStyle] = useState("Text")
   const [copied, setCopied] = useState(false)
   const copiedTimeout = () => {
     setCopied(true)
@@ -43,10 +43,10 @@ const DatasetCitation = ({ snapshot }) => {
             label="Text"
             size="xsmall"
             onClick={() => {
-              setStyle('Text')
+              setStyle("Text")
               setCopied(false)
             }}
-            className={style === 'Text' ? 'active' : ''}
+            className={style === "Text" ? "active" : ""}
           />
 
           <Button
@@ -54,27 +54,29 @@ const DatasetCitation = ({ snapshot }) => {
             label="BibTeX"
             size="xsmall"
             onClick={() => {
-              setStyle('BibTeX')
+              setStyle("BibTeX")
               setCopied(false)
             }}
-            className={style === 'BibTeX' ? 'active' : ''}
+            className={style === "BibTeX" ? "active" : ""}
           />
           <Tooltip
-            tooltip={'Copy ' + style + ' to clipboard'}
-            className="tooltip">
+            tooltip={"Copy " + style + " to clipboard"}
+            className="tooltip"
+          >
             <CopyToClipboard
               text={citation}
               onCopy={() => copiedTimeout()}
-              className="on-button on-button--small on-button--nobg ">
+              className="on-button on-button--small on-button--nobg "
+            >
               <span className="copy-key">
-                <i className="fa fa-link" aria-hidden="true" />{' '}
+                <i className="fa fa-link" aria-hidden="true" />{" "}
                 {copied ? <span>Copied to clipboard</span> : <span>Copy</span>}
               </span>
             </CopyToClipboard>
           </Tooltip>
         </div>
         <h5 className="cite-content-block">
-          {style === 'BibTeX' ? <pre>{citation}</pre> : citation}
+          {style === "BibTeX" ? <pre>{citation}</pre> : citation}
         </h5>
       </div>
     </>

package/src/scripts/dataset/fragments/dataset-history.jsx

@@ -1,10 +1,10 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
-import { gql, useQuery } from '@apollo/client'
+import React from "react"
+import PropTypes from "prop-types"
+import styled from "@emotion/styled"
+import { gql, useQuery } from "@apollo/client"
 
-import Revalidate from '../mutations/revalidate.jsx'
-import UpdateRef from '../mutations/update-ref.jsx'
+import Revalidate from "../mutations/revalidate.jsx"
+import UpdateRef from "../mutations/update-ref.jsx"
 
 const GET_HISTORY = gql`
   query getHistory($datasetId: ID!) {
@@ -42,7 +42,7 @@ const DatasetHistoryTable = styled.div`
 const DatasetHistory = ({ datasetId }) => {
   const { loading, data } = useQuery(GET_HISTORY, {
     variables: { datasetId },
-    errorPolicy: 'all',
+    errorPolicy: "all",
   })
   if (loading) {
     return <div className="dataset-history">Loading...</div>
@@ -59,23 +59,23 @@ const DatasetHistory = ({ datasetId }) => {
             <h4 className="col-lg col col-2">References</h4>
             <h4 className="col-lg col col-2 text--right">Action</h4>
           </div>
-          {data.dataset.history.map(commit => (
+          {data.dataset.history.map((commit) => (
             <React.Fragment key={commit.id}>
               <div className="grid faux-table">
                 <div className="commit col-lg col col-2">
-                  <label>Commit: </label>
+                  <label>Commit:</label>
                   {commit.id.slice(0, 8)}
                 </div>
                 <div className="col-lg col col-3">
-                  <label>Date: </label>
+                  <label>Date:</label>
                   {commit.date}
                 </div>
                 <div className="col-lg col col-3">
-                  <label>Author: </label>
+                  <label>Author:</label>
                   {commit.authorName} &lt;{commit.authorEmail}&gt;
                 </div>
                 <div className="col-lg col col-2">
-                  <label>References: </label>
+                  <label>References:</label>
                   {commit.references}
                 </div>
                 <div className="col-lg col col-2 grid actions">

package/src/scripts/dataset/fragments/dataset-reviewers.ts

@@ -1,4 +1,4 @@
-import { gql } from '@apollo/client'
+import { gql } from "@apollo/client"
 
 export const DATASET_REVIEWERS = gql`
   fragment DatasetReviewers on Dataset {