@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/common/partials/freshdesk-widget.jsx

@@ -1,8 +1,8 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { useCookies } from 'react-cookie'
-import { getProfile } from '../../authentication/profile'
-import { config } from '../../config'
+import React from "react"
+import PropTypes from "prop-types"
+import { useCookies } from "react-cookie"
+import { getProfile } from "../../authentication/profile"
+import { config } from "../../config"
 
 const buildCustomQuery = (customText, prepopulatedFields) => {
   const customizerQueries = [
@@ -11,7 +11,7 @@ const buildCustomQuery = (customText, prepopulatedFields) => {
       .filter(([, value]) => value)
       .map(([key, value]) => `helpdesk_ticket[${key}]=${value}`),
   ]
-  return customizerQueries.length ? `&${customizerQueries.join(';')}` : ''
+  return customizerQueries.length ? `&${customizerQueries.join(";")}` : ""
 }
 
 function FreshdeskWidget({ subject, error, sentryId, description }) {
@@ -19,17 +19,17 @@ function FreshdeskWidget({ subject, error, sentryId, description }) {
   const profile = getProfile(cookies)
   const sentry = sentryId && `Sentry ID: ${sentryId}`
   const joinedDescription = [sentry, description, error]
-    .filter(item => item)
-    .join(' \u2014 ')
+    .filter((item) => item)
+    .join(" \u2014 ")
 
   const customText = {
-    widgetType: 'embedded',
-    formTitle: 'Report+an+Issue',
-    submitTitle: 'Request+Support',
+    widgetType: "embedded",
+    formTitle: "Report+an+Issue",
+    submitTitle: "Request+Support",
     submitThanks:
-      'Thank+you+for+taking+the+time+to+report+your+case.+A+support+representative+will+be+reviewing+your+request+and+will+send+you+a+personal+response+within+24+to+48+hours.',
-    screenshot: 'No',
-    captcha: 'yes',
+      "Thank+you+for+taking+the+time+to+report+your+case.+A+support+representative+will+be+reviewing+your+request+and+will+send+you+a+personal+response+within+24+to+48+hours.",
+    screenshot: "No",
+    captcha: "yes",
   }
   const prepopulatedFields = {
     requester: profile && profile.email,
@@ -43,17 +43,14 @@ function FreshdeskWidget({ subject, error, sentryId, description }) {
         src="https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.js"
       />
       <style type="text/css" media="screen, projection">
-        {
-          '@import url(https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.css); '
-        }
+        {"@import url(https://s3.amazonaws.com/assets.freshdesk.com/widget/freshwidget.css); "}
       </style>
       <iframe
         title="Feedback Form"
         className="freshwidget-embedded-form"
         id="freshwidget-embedded-form"
-        src={
-          config.support.url + buildCustomQuery(customText, prepopulatedFields)
-        }
+        src={config.support.url +
+          buildCustomQuery(customText, prepopulatedFields)}
         scrolling="no"
         height="500px"
         width="100%"

package/src/scripts/common/partials/toast-content.jsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import PropTypes from 'prop-types'
+import React from "react"
+import PropTypes from "prop-types"
 
 const ToastContent = ({ title, body, children }) => (
   <span>

package/src/scripts/components/__tests__/data-table.spec.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
-import { render } from '@testing-library/react'
-import { DataTable } from '../data-table'
+import React from "react"
+import { render } from "@testing-library/react"
+import { DataTable } from "../data-table"
 
 const tableData = [
-  { col1: 'text', col2: 50, col3: 'string value' },
-  { col1: 'more', col2: 75, col3: 'more strings' },
+  { col1: "text", col2: 50, col3: "string value" },
+  { col1: "more", col2: 75, col3: "more strings" },
 ]
 
-describe('DataTable component', () => {
-  it('renders a basic table', () => {
+describe("DataTable component", () => {
+  it("renders a basic table", () => {
     const { asFragment } = render(<DataTable data={tableData}></DataTable>)
     expect(asFragment()).toMatchSnapshot()
   })

package/src/scripts/components/data-table.tsx

@@ -1,14 +1,14 @@
-import React from 'react'
+import React from "react"
 import {
+  createColumnHelper,
   flexRender,
   getCoreRowModel,
   getSortedRowModel,
-  useReactTable,
-  createColumnHelper,
   SortingState,
-} from '@tanstack/react-table'
-import styled from '@emotion/styled'
-import { format, parseISO, isValid } from 'date-fns'
+  useReactTable,
+} from "@tanstack/react-table"
+import styled from "@emotion/styled"
+import { format, isValid, parseISO } from "date-fns"
 
 interface DataTableProps {
   data: any[]
@@ -35,12 +35,12 @@ const TD = styled.td`
 
 function CellFormat(props): any {
   const value = props.getValue()
-  if (typeof value === 'string' && isValid(parseISO(value))) {
-    return format(parseISO(value), 'yyyy-MM-dd')
-  } else if (typeof value === 'string' && /^ds[0-9]{6}$/.exec(value)) {
+  if (typeof value === "string" && isValid(parseISO(value))) {
+    return format(parseISO(value), "yyyy-MM-dd")
+  } else if (typeof value === "string" && /^ds[0-9]{6}$/.exec(value)) {
     return <a href={`/datasets/${value}`}>{value}</a>
   } else if (Array.isArray(value)) {
-    return value.join(',')
+    return value.join(",")
   } else {
     return value
   }
@@ -58,12 +58,12 @@ export function DataTable<T>({
   const columns = React.useMemo(
     () =>
       Object.keys(data[0])
-        .filter(name => !hideColumns.includes(name))
-        .map(name =>
+        .filter((name) => !hideColumns.includes(name))
+        .map((name) =>
           columnHelper.accessor(name as any, {
             header: name,
             cell: CellFormat,
-          }),
+          })
         ),
     [data, columnHelper, hideColumns],
   )
@@ -81,26 +81,27 @@ export function DataTable<T>({
   return (
     <table>
       <thead>
-        {table.getHeaderGroups().map(headerGroup => (
+        {table.getHeaderGroups().map((headerGroup) => (
           <TR key={headerGroup.id}>
-            {headerGroup.headers.map(header => (
+            {headerGroup.headers.map((header) => (
               <TH key={header.id} colSpan={header.colSpan}>
                 {header.isPlaceholder ? null : (
                   <div
                     {...{
                       className: header.column.getCanSort()
-                        ? 'cursor-pointer select-none'
-                        : '',
+                        ? "cursor-pointer select-none"
+                        : "",
                       onClick: header.column.getToggleSortingHandler(),
-                    }}>
+                    }}
+                  >
                     {flexRender(
                       header.column.columnDef.header,
                       header.getContext(),
                     )}
                     &nbsp;
                     {{
-                      asc: '▲',
-                      desc: '▼',
+                      asc: "▲",
+                      desc: "▼",
                     }[header.column.getIsSorted() as string] ?? null}
                   </div>
                 )}
@@ -110,9 +111,9 @@ export function DataTable<T>({
         ))}
       </thead>
       <tbody>
-        {table.getRowModel().rows.map(row => (
+        {table.getRowModel().rows.map((row) => (
           <TR key={row.id}>
-            {row.getVisibleCells().map(cell => (
+            {row.getVisibleCells().map((cell) => (
               <TD key={cell.id}>
                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
               </TD>

package/src/scripts/config.ts

@@ -50,8 +50,8 @@ export const config: OpenNeuroConfig = {
     },
   },
   analytics: {
-    trackingIds: globalThis.OpenNeuroConfig.GOOGLE_TRACKING_IDS.split(',').map(
-      id => {
+    trackingIds: globalThis.OpenNeuroConfig.GOOGLE_TRACKING_IDS.split(",").map(
+      (id) => {
         return id.trim() as string
       },
     ),

package/src/scripts/datalad/dataset/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/datalad/dataset/dataset-context.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from "react"
 
 const DatasetContext = React.createContext(undefined)
 

package/src/scripts/datalad/dataset/dataset-query-context.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from "react"
 
 // Default comment depth is set here
 const DatasetQueryContext = React.createContext({

package/src/scripts/datalad/dataset/dataset-query-fragments.js

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

package/src/scripts/datalad/mutations/cache-clear.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"
 
 const CACHE_CLEAR = gql`
   mutation cacheClear($datasetId: ID!) {
@@ -11,7 +11,7 @@ const CACHE_CLEAR = gql`
 
 const CacheClear = ({ datasetId }) => (
   <Mutation mutation={CACHE_CLEAR}>
-    {cacheClear => (
+    {(cacheClear) => (
       <span>
         <button
           className="btn-admin-blue"
@@ -21,7 +21,8 @@ const CacheClear = ({ datasetId }) => (
                 datasetId,
               },
             })
-          }}>
+          }}
+        >
           <i className="fa fa-eraser" /> Delete Dataset Cache
         </button>
       </span>

package/src/scripts/datalad/mutations/cache-id.js

@@ -1,3 +1,3 @@
-export const datasetCacheId = datasetId => `Dataset:${datasetId}`
+export const datasetCacheId = (datasetId) => `Dataset:${datasetId}`
 
-export const draftCacheId = draftId => `Draft:${draftId}`
+export const draftCacheId = (draftId) => `Draft:${draftId}`

package/src/scripts/datalad/mutations/delete-comment.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 { DATASET_COMMENTS } from '../dataset/comments-fragments.js'
-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 { DATASET_COMMENTS } from "../dataset/comments-fragments.js"
+import { datasetCacheId } from "./cache-id.js"
 
 const deleteComment = gql`
   mutation deleteComment($commentId: ID!, $deleteChildren: Boolean) {
@@ -21,7 +21,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
 }
@@ -43,13 +43,14 @@ const DeleteComment = ({ datasetId, commentId }) => {
           id: datasetCacheId(datasetId),
           fragment: DATASET_COMMENTS,
           data: {
-            __typename: 'Dataset',
+            __typename: "Dataset",
             id: datasetId,
             comments: nextCommentsState,
           },
         })
-      }}>
-      {deleteComment => (
+      }}
+    >
+      {(deleteComment) => (
         <a
           className="delete"
           onClick={async () => {
@@ -59,7 +60,8 @@ const DeleteComment = ({ datasetId, commentId }) => {
                 deleteChildren: true,
               },
             })
-          }}>
+          }}
+        >
           <i className="fa fa-trash" />
           Delete
         </a>

package/src/scripts/datalad/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="btn-admin-blue"
-            style={{ color: warn ? 'red' : null }}
+            style={{ color: 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/datalad/mutations/follow.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 '../../common/forms/warn-button.jsx'
-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 WarnButton from "../../common/forms/warn-button.jsx"
+import { datasetCacheId } from "./cache-id.js"
 
 const FOLLOW_DATASET = gql`
   mutation followDataset($datasetId: ID!) {
@@ -26,18 +26,19 @@ const FollowDataset = ({ datasetId, following }) => (
         id: datasetCacheId(datasetId),
         fragment: USER_FOLLOWING,
         data: {
-          __typename: 'Dataset',
+          __typename: "Dataset",
           id: datasetId,
           following: followDataset,
         },
       })
-    }}>
-    {followDataset => (
+    }}
+  >
+    {(followDataset) => (
       <WarnButton
         tooltip="Follow Dataset"
-        icon={following ? 'fa-tag icon-minus' : 'fa-tag icon-plus'}
+        icon={following ? "fa-tag icon-minus" : "fa-tag icon-plus"}
         warn={false}
-        action={cb => {
+        action={(cb) => {
           followDataset({ variables: { datasetId } }).then(() => cb())
         }}
       />

package/src/scripts/datalad/mutations/publish.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 { useNavigate } from 'react-router-dom'
-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 { useNavigate } from "react-router-dom"
+import { datasetCacheId } from "./cache-id.js"
 
 const PUBLISH_DATASET = gql`
   mutation publishDataset($datasetId: ID!) {
@@ -23,25 +23,26 @@ 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
           className="btn-modal-action"
           onClick={() =>
             publishDataset({ variables: { datasetId } }).then(() => {
               navigate(`/datasets/${datasetId}`)
-            })
-          }>
+            })}
+        >
           Publish
         </button>
       )}

package/src/scripts/datalad/mutations/remove-permissions.jsx

@@ -1,8 +1,8 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import WarnButton from '../../common/forms/warn-button.jsx'
+import React from "react"
+import PropTypes from "prop-types"
+import { gql } from "@apollo/client"
+import { Mutation } from "@apollo/client/react/components"
+import WarnButton from "../../common/forms/warn-button.jsx"
 
 const REMOVE_PERMISSION = gql`
   mutation removePermissions($datasetId: ID!, $userId: String!) {
@@ -16,16 +16,16 @@ const REMOVE_PERMISSION = gql`
  * @param {string} userId
  */
 export const userPermissionsFilter = (userPermissions, userId) =>
-  userPermissions.filter(permission => permission.user.id !== userId)
+  userPermissions.filter((permission) => permission.user.id !== userId)
 
 const RemovePermissions = ({ datasetId, userId }) => (
   <Mutation mutation={REMOVE_PERMISSION}>
-    {removePermissions => (
+    {(removePermissions) => (
       <WarnButton
         message="Remove Permission"
         icon="fa-trash"
         warn={true}
-        action={async cb => {
+        action={async (cb) => {
           await removePermissions({ variables: { datasetId, userId } })
           cb()
         }}

package/src/scripts/datalad/mutations/revalidate.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"
 
 const REVALIDATE = gql`
   mutation revalidate($datasetId: ID!, $ref: String!) {
@@ -11,7 +11,7 @@ const REVALIDATE = gql`
 
 const Revalidate = ({ datasetId, revision }) => (
   <Mutation mutation={REVALIDATE}>
-    {revalidate => (
+    {(revalidate) => (
       <span>
         <button
           className="btn-admin-blue"
@@ -22,7 +22,8 @@ const Revalidate = ({ datasetId, revision }) => (
                 ref: revision,
               },
             })
-          }}>
+          }}
+        >
           <i className="fa fa-random" /> Revalidate Commit
         </button>
       </span>

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

@@ -1,8 +1,8 @@
-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 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"
 
 const CREATE_SNAPSHOT = gql`
   mutation createSnapshot($datasetId: ID!, $tag: String!, $changes: [String!]) {
@@ -23,8 +23,8 @@ const CreateSnapshotMutation = ({ datasetId, tag, changes }) => {
       onClick={() =>
         snapshotDataset({ variables: { datasetId, tag, changes } }).then(() => {
           navigate(`/datasets/${datasetId}/versions/${tag}`)
-        })
-      }>
+        })}
+    >
       Create Snapshot
     </button>
   )

package/src/scripts/datalad/mutations/star.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 '../../common/forms/warn-button.jsx'
-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 WarnButton from "../../common/forms/warn-button.jsx"
+import { datasetCacheId } from "./cache-id.js"
 
 const STAR_DATASET = gql`
   mutation starDataset($datasetId: ID!) {
@@ -26,18 +26,19 @@ const StarDataset = ({ datasetId, starred }) => (
         id: datasetCacheId(datasetId),
         fragment: USER_STARRED,
         data: {
-          __typename: 'Dataset',
+          __typename: "Dataset",
           id: datasetId,
           starred: starDataset,
         },
       })
-    }}>
-    {starDataset => (
+    }}
+  >
+    {(starDataset) => (
       <WarnButton
         tooltip="Save Dataset"
-        icon={starred ? 'fa-star icon-minus' : 'fa-star icon-plus'}
+        icon={starred ? "fa-star icon-minus" : "fa-star icon-plus"}
         warn={false}
-        action={cb => {
+        action={(cb) => {
           starDataset({ variables: { datasetId } }).then(() => cb())
         }}
       />