@openneuro/app 4.20.5 → 4.20.6-alpha.3

package/src/scripts/dataset/routes/manage-permissions.jsx

@@ -1,17 +1,17 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { Button } from '@openneuro/components/button'
+import React, { useState } from "react"
+import PropTypes from "prop-types"
+import { Button } from "@openneuro/components/button"
 
-import { RemovePermissions } from '../mutations/remove-permissions'
-import { UpdateDatasetPermissions } from '../mutations/update-permissions'
-import { AnonymousReviewer } from './manage-anonymous-reviewers'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
+import { RemovePermissions } from "../mutations/remove-permissions"
+import { UpdateDatasetPermissions } from "../mutations/update-permissions"
+import { AnonymousReviewer } from "./manage-anonymous-reviewers"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
 
 const description = {
-  admin: 'Edit dataset and edit permissions',
-  rw: 'Edit dataset',
-  ro: 'View dataset',
+  admin: "Edit dataset and edit permissions",
+  rw: "Edit dataset",
+  ro: "View dataset",
 }
 
 export const PermissionRow = ({ datasetId, userId, userEmail, access }) => (
@@ -35,7 +35,7 @@ PermissionRow.propTypes = {
   datasetId: PropTypes.string,
   userId: PropTypes.string,
   userEmail: PropTypes.string,
-  access: PropTypes.oneOf(['ro', 'rw', 'admin']),
+  access: PropTypes.oneOf(["ro", "rw", "admin"]),
 }
 
 export const ShareTable = ({ datasetId, permissions }) => (
@@ -64,12 +64,12 @@ ShareTable.propTypes = {
 }
 
 const Share = ({ datasetId, permissions, reviewers, hasSnapshot }) => {
-  const [userEmail, setUserEmail] = useState('')
-  const [access, setAccess] = useState('ro')
+  const [userEmail, setUserEmail] = useState("")
+  const [access, setAccess] = useState("ro")
 
-  const readActive = access === 'ro' && 'active'
-  const writeActive = access === 'rw' && 'active'
-  const adminActive = access === 'admin' && 'active'
+  const readActive = access === "ro" && "active"
+  const writeActive = access === "rw" && "active"
+  const adminActive = access === "admin" && "active"
 
   return (
     <DatasetPageBorder>
@@ -88,7 +88,7 @@ const Share = ({ datasetId, permissions, reviewers, hasSnapshot }) => {
                 className="form-control"
                 type="email"
                 value={userEmail}
-                onChange={e => setUserEmail(e.target.value)}
+                onChange={(e) => setUserEmail(e.target.value)}
               />
               <div className="input-group-btn">
                 <Button
@@ -96,21 +96,21 @@ const Share = ({ datasetId, permissions, reviewers, hasSnapshot }) => {
                   label="Read"
                   size="xsmall"
                   className={`btn btn-default ${readActive}`}
-                  onClick={() => setAccess('ro')}
+                  onClick={() => setAccess("ro")}
                 />
                 <Button
                   secondary={true}
                   label="Read and Write"
                   size="xsmall"
                   className={`btn btn-default ${writeActive}`}
-                  onClick={() => setAccess('rw')}
+                  onClick={() => setAccess("rw")}
                 />
                 <Button
                   secondary={true}
                   label="Admin"
                   size="xsmall"
                   className={`btn btn-default ${adminActive}`}
-                  onClick={() => setAccess('admin')}
+                  onClick={() => setAccess("admin")}
                 />
               </div>
             </div>
@@ -120,7 +120,7 @@ const Share = ({ datasetId, permissions, reviewers, hasSnapshot }) => {
               datasetId={datasetId}
               userEmail={userEmail}
               metadata={access}
-              done={() => setUserEmail('')}
+              done={() => setUserEmail("")}
             />
           </div>
         </div>

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

@@ -1,37 +1,39 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Navigate } from 'react-router-dom'
-import PublishDataset from '../mutations/publish.jsx'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow3 } from './styles/header-row'
+import React from "react"
+import PropTypes from "prop-types"
+import { Navigate } from "react-router-dom"
+import PublishDataset from "../mutations/publish.jsx"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow3 } from "./styles/header-row"
 
-const hasExpectedMetadata = metadata =>
-  typeof metadata === 'object' && metadata !== null
+const hasExpectedMetadata = (metadata) =>
+  typeof metadata === "object" && metadata !== null
 
 const Publish = ({ datasetId, metadata }) =>
-  hasExpectedMetadata(metadata) ? (
-    <DatasetPageBorder className="dataset-form">
-      <HeaderRow3>Publish</HeaderRow3>
-      <div className="dataset-form-body">
-        <p className="text-danger">
-          All existing and future snapshots of this dataset will be released
-          publicly under a{' '}
-          <a href="https://wiki.creativecommons.org/wiki/CC0">CC0 license</a>.
-        </p>
-      </div>
-      <div className="dataset-form-controls">
-        <div className="modal-actions">
-          <PublishDataset datasetId={datasetId} />
+  hasExpectedMetadata(metadata)
+    ? (
+      <DatasetPageBorder className="dataset-form">
+        <HeaderRow3>Publish</HeaderRow3>
+        <div className="dataset-form-body">
+          <p className="text-danger">
+            All existing and future snapshots of this dataset will be released
+            publicly under a{" "}
+            <a href="https://wiki.creativecommons.org/wiki/CC0">CC0 license</a>.
+          </p>
         </div>
-      </div>
-    </DatasetPageBorder>
-  ) : (
-    <Navigate
-      to={`/datasets/${datasetId}/metadata`}
-      state={{ submitPath: `/datasets/${datasetId}/publish` }}
-      replace
-    />
-  )
+        <div className="dataset-form-controls">
+          <div className="modal-actions">
+            <PublishDataset datasetId={datasetId} />
+          </div>
+        </div>
+      </DatasetPageBorder>
+    )
+    : (
+      <Navigate
+        to={`/datasets/${datasetId}/metadata`}
+        state={{ submitPath: `/datasets/${datasetId}/publish` }}
+        replace
+      />
+    )
 
 Publish.propTypes = {
   datasetId: PropTypes.string,

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

@@ -1,9 +1,9 @@
-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 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"
 
 /**
  * Default tab for snapshot pages
@@ -15,7 +15,7 @@ export const SnapshotDefault = ({ dataset, snapshot }) => (
       item={
         <ReadMore id="readme" expandLabel="Read More" collapseLabel="Collapse">
           <Markdown>
-            {snapshot.readme == null ? 'N/A' : snapshot.readme}
+            {snapshot.readme == null ? "N/A" : snapshot.readme}
           </Markdown>
         </ReadMore>
       }

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

@@ -1,12 +1,12 @@
-import React, { useState } from 'react'
-import semver, { ReleaseType } from 'semver'
-import SnapshotDataset from '../mutations/snapshot'
-import EditList from '../fragments/edit-list.jsx'
-import { Button } from '@openneuro/components/button'
-import { DatasetPageBorder } from './styles/dataset-page-border'
-import { HeaderRow4 } from './styles/header-row'
-import FileView from '../files/file-view'
-import styled from '@emotion/styled'
+import React, { useState } from "react"
+import semver, { ReleaseType } from "semver"
+import SnapshotDataset from "../mutations/snapshot"
+import EditList from "../fragments/edit-list.jsx"
+import { Button } from "@openneuro/components/button"
+import { DatasetPageBorder } from "./styles/dataset-page-border"
+import { HeaderRow4 } from "./styles/header-row"
+import FileView from "../files/file-view"
+import styled from "@emotion/styled"
 
 const FormRow = styled.div`
   margin-top: 0;
@@ -14,16 +14,16 @@ const FormRow = styled.div`
 `
 
 export const NoErrors = ({ issues, children }) => {
-  const noErrors =
-    issues && issues.filter(issue => issue.severity === 'error').length === 0
+  const noErrors = issues &&
+    issues.filter((issue) => issue.severity === "error").length === 0
   // zero authors will cause DOI minting to fail
-  const hasAuthor =
-    issues && issues.filter(issue => issue.code === 113).length === 0
+  const hasAuthor = issues &&
+    issues.filter((issue) => issue.code === 113).length === 0
   if (noErrors && hasAuthor) {
     return children
   } else {
     const correctErrorsMessage =
-      'BIDS validation must be complete and all errors corrected'
+      "BIDS validation must be complete and all errors corrected"
     const noAuthorMessage =
       '"Authors" must include at least one entry in dataset_description.json'
     const includedMessages = []
@@ -31,7 +31,7 @@ export const NoErrors = ({ issues, children }) => {
     if (!hasAuthor) includedMessages.push(noAuthorMessage)
     return (
       <span className="text-danger">
-        {`${includedMessages.join(' and ')} to create a version`}
+        {`${includedMessages.join(" and ")} to create a version`}
       </span>
     )
   }
@@ -44,20 +44,19 @@ const SnapshotRoute = ({
   description,
 }): React.ReactElement => {
   const [changes, setChanges] = useState([])
-  const [semanticLevel, setSemanticLevel] = useState('patch')
-  const draftLicense = (description && description.License) || 'none'
-  const requiredLicense = 'CC0'
+  const [semanticLevel, setSemanticLevel] = useState("patch")
+  const draftLicense = (description && description.License) || "none"
+  const requiredLicense = "CC0"
   const updateToCC0 = draftLicense !== requiredLicense
 
   const latestSnapshot = snapshots.length && snapshots[snapshots.length - 1]
-  const newVersion =
-    snapshots.length && semver.valid(latestSnapshot.tag)
-      ? semver.inc(latestSnapshot.tag, semanticLevel as ReleaseType)
-      : '1.0.0'
+  const newVersion = snapshots.length && semver.valid(latestSnapshot.tag)
+    ? semver.inc(latestSnapshot.tag, semanticLevel as ReleaseType)
+    : "1.0.0"
 
-  const majorActive = semanticLevel === 'major' && 'active'
-  const minorActive = semanticLevel === 'minor' && 'active'
-  const patchActive = semanticLevel === 'patch' && 'active'
+  const majorActive = semanticLevel === "major" && "active"
+  const minorActive = semanticLevel === "minor" && "active"
+  const patchActive = semanticLevel === "patch" && "active"
 
   return (
     <DatasetPageBorder>
@@ -66,11 +65,11 @@ const SnapshotRoute = ({
           <HeaderRow4>New Version</HeaderRow4>
           {updateToCC0 && (
             <p>
-              <strong>Notice:</strong> The current license{' '}
-              <i>&quot;{draftLicense}&quot;</i> will be updated to
-              &quot;CC0&quot; when the version is created. Please see FAQ item
-              &quot;Are there any restrictions on the uploaded data?&quot; for
-              details.
+              <strong>Notice:</strong> The current license{" "}
+              <i>&quot;{draftLicense}&quot;</i>{" "}
+              will be updated to &quot;CC0&quot; when the version is created.
+              Please see FAQ item &quot;Are there any restrictions on the
+              uploaded data?&quot; for details.
             </p>
           )}
           <p>
@@ -86,34 +85,36 @@ const SnapshotRoute = ({
                 label="Major"
                 size="xsmall"
                 className={`btn btn-default ${majorActive}`}
-                onClick={() => setSemanticLevel('major')}
+                onClick={() => setSemanticLevel("major")}
               />
               <Button
                 secondary={true}
                 label="Minor"
                 size="xsmall"
                 className={`btn btn-default ${minorActive}`}
-                onClick={() => setSemanticLevel('minor')}
+                onClick={() => setSemanticLevel("minor")}
               />
               <Button
                 secondary={true}
                 label="Patch"
                 size="xsmall"
                 className={`btn btn-default ${patchActive}`}
-                onClick={() => setSemanticLevel('patch')}
+                onClick={() => setSemanticLevel("patch")}
               />
             </div>
           </FormRow>
-          {latestSnapshot ? (
-            <FormRow>
-              <HeaderRow4>Current Changelog</HeaderRow4>
-              <FileView
-                datasetId={datasetId}
-                snapshotTag={latestSnapshot.tag}
-                path="CHANGES"
-              />
-            </FormRow>
-          ) : null}
+          {latestSnapshot
+            ? (
+              <FormRow>
+                <HeaderRow4>Current Changelog</HeaderRow4>
+                <FileView
+                  datasetId={datasetId}
+                  snapshotTag={latestSnapshot.tag}
+                  path="CHANGES"
+                />
+              </FormRow>
+            )
+            : null}
           <HeaderRow4>New Changelog</HeaderRow4>
           <p>Add CHANGES file lines describing the new version.</p>
           <EditList

package/src/scripts/dataset/routes/styles/dataset-page-border.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import styled from '@emotion/styled'
-import '@emotion/react'
+import React from "react"
+import styled from "@emotion/styled"
+import "@emotion/react"
 
 export const DatasetPageBorder = styled.div`
   border: 1px solid #ccc;

package/src/scripts/dataset/routes/styles/dataset-page-tab-container.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import styled from '@emotion/styled'
-import '@emotion/react'
+import React from "react"
+import styled from "@emotion/styled"
+import "@emotion/react"
 
 export const DatasetPageTabContainer = styled.div`
   display: flex;

package/src/scripts/dataset/routes/styles/header-row.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
-import styled from '@emotion/styled'
-import '@emotion/react'
+import React from "react"
+import styled from "@emotion/styled"
+import "@emotion/react"
 
 const headerRowStyle = `
   margin-top: 0;

package/src/scripts/dataset/routes/tab-routes-draft.tsx

@@ -1,15 +1,15 @@
-import React from 'react'
-import { Route, Routes } from 'react-router-dom'
-import { DatasetDefault } from './dataset-default'
-import AdminDataset from './admin-datalad'
-import DeletePage from './delete-page'
-import DownloadDataset from './download-dataset'
-import Publish from './publish'
-import Share from './manage-permissions'
-import Snapshot from './snapshot'
-import AddMetadata from './add-metadata'
-import Derivatives from './derivatives'
-import { FileDisplayRoute } from '../files/file-display'
+import React from "react"
+import { Route, Routes } from "react-router-dom"
+import { DatasetDefault } from "./dataset-default"
+import AdminDataset from "./admin-datalad"
+import DeletePage from "./delete-page"
+import DownloadDataset from "./download-dataset"
+import Publish from "./publish"
+import Share from "./manage-permissions"
+import Snapshot from "./snapshot"
+import AddMetadata from "./add-metadata"
+import Derivatives from "./derivatives"
+import { FileDisplayRoute } from "../files/file-display"
 
 export const TabRoutesDraft = ({ dataset, hasEdit }) => {
   return (

package/src/scripts/dataset/routes/tab-routes-snapshot.tsx

@@ -1,11 +1,11 @@
-import React from 'react'
-import { Route, Routes } from 'react-router-dom'
-import { SnapshotDefault } from './snapshot-default'
-import DownloadDataset from './download-dataset'
-import { DeprecateSnapshotPage } from './deprecate-snapshot-page'
-import { FileDisplayRoute } from '../files/file-display'
-import AddMetadata from './add-metadata'
-import Derivatives from './derivatives'
+import React from "react"
+import { Route, Routes } from "react-router-dom"
+import { SnapshotDefault } from "./snapshot-default"
+import DownloadDataset from "./download-dataset"
+import { DeprecateSnapshotPage } from "./deprecate-snapshot-page"
+import { FileDisplayRoute } from "../files/file-display"
+import AddMetadata from "./add-metadata"
+import Derivatives from "./derivatives"
 
 export const TabRoutesSnapshot = ({ dataset, snapshot }) => {
   return (