@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/search/inputs/pet/scannerManufacturers_input.tsx

@@ -1,22 +1,22 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../../search-params-ctx'
-import { FacetSearch } from '@openneuro/components/facets'
-import { Icon } from '@openneuro/components/icon'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../../search-params-ctx"
+import { FacetSearch } from "@openneuro/components/facets"
+import { Icon } from "@openneuro/components/icon"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const ScannerManufacturersInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const scannerManufacturers = searchParams.scannerManufacturers
 
-  const [newInput, setNewInput, newInputRef] = useState('')
+  const [newInput, setNewInput, newInputRef] = useState("")
 
   const addScannerManufacturer = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       scannerManufacturers: [...scannerManufacturers, newInputRef.current],
     }))
-    setNewInput('')
+    setNewInput("")
   }
 
   return (
@@ -25,7 +25,8 @@ const ScannerManufacturersInput: FC = () => {
         accordionStyle="plain"
         label="Scanner Manufacturer"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Scanner Manufacturer(s) to Search"
@@ -43,18 +44,19 @@ const ScannerManufacturersInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <span>
-              Each time the{' '}
-              <Icon icon="fas fa-plus" label="plus" iconOnly={true} /> button is
-              clicked, it will add a search filter. Multiple words in a filter
-              will return results containing any or all words. For advanced
-              filters use the{' '}
+              Each time the{" "}
+              <Icon icon="fas fa-plus" label="plus" iconOnly={true} />{" "}
+              button is clicked, it will add a search filter. Multiple words in
+              a filter will return results containing any or all words. For
+              advanced filters use the{" "}
               <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html#simple-query-string-syntax">
                 simple query string syntax
               </a>
               .
             </span>
           }
-        />{' '}
+        />
+        {" "}
       </AccordionTab>
     </AccordionWrap>
   )

package/src/scripts/search/inputs/pet/tracerNames_input.tsx

@@ -1,22 +1,22 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../../search-params-ctx'
-import { FacetSearch } from '@openneuro/components/facets'
-import { Icon } from '@openneuro/components/icon'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../../search-params-ctx"
+import { FacetSearch } from "@openneuro/components/facets"
+import { Icon } from "@openneuro/components/icon"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const TracerNamesInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const tracerNames = searchParams.tracerNames
 
-  const [newInput, setNewInput, newInputRef] = useState('')
+  const [newInput, setNewInput, newInputRef] = useState("")
 
   const addtracerName = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       tracerNames: [...tracerNames, newInputRef.current],
     }))
-    setNewInput('')
+    setNewInput("")
   }
 
   return (
@@ -25,7 +25,8 @@ const TracerNamesInput: FC = () => {
         accordionStyle="plain"
         label="Radiotracers"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Tracer(s) to Search"
@@ -43,11 +44,11 @@ const TracerNamesInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <span>
-              Each time the{' '}
-              <Icon icon="fas fa-plus" label="plus" iconOnly={true} /> button is
-              clicked, it will add a search filter. Multiple words in a filter
-              will return results containing any or all words. For advanced
-              filters use the{' '}
+              Each time the{" "}
+              <Icon icon="fas fa-plus" label="plus" iconOnly={true} />{" "}
+              button is clicked, it will add a search filter. Multiple words in
+              a filter will return results containing any or all words. For
+              advanced filters use the{" "}
               <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html#simple-query-string-syntax">
                 simple query string syntax
               </a>

package/src/scripts/search/inputs/pet/tracerRadionuclides_input.tsx

@@ -1,22 +1,22 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../../search-params-ctx'
-import { FacetSearch } from '@openneuro/components/facets'
-import { Icon } from '@openneuro/components/icon'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../../search-params-ctx"
+import { FacetSearch } from "@openneuro/components/facets"
+import { Icon } from "@openneuro/components/icon"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const TracerRadionuclidesInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const tracerRadionuclides = searchParams.tracerRadionuclides
 
-  const [newInput, setNewInput, newInputRef] = useState('')
+  const [newInput, setNewInput, newInputRef] = useState("")
 
   const addTracerRadionuclide = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       tracerRadionuclides: [...tracerRadionuclides, newInputRef.current],
     }))
-    setNewInput('')
+    setNewInput("")
   }
 
   return (
@@ -25,7 +25,8 @@ const TracerRadionuclidesInput: FC = () => {
         accordionStyle="plain"
         label="Radionuclide"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Radionuclide(s) to Search"
@@ -43,18 +44,19 @@ const TracerRadionuclidesInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <span>
-              Each time the{' '}
-              <Icon icon="fas fa-plus" label="plus" iconOnly={true} /> button is
-              clicked, it will add a search filter. Multiple words in a filter
-              will return results containing any or all words. For advanced
-              filters use the{' '}
+              Each time the{" "}
+              <Icon icon="fas fa-plus" label="plus" iconOnly={true} />{" "}
+              button is clicked, it will add a search filter. Multiple words in
+              a filter will return results containing any or all words. For
+              advanced filters use the{" "}
               <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html#simple-query-string-syntax">
                 simple query string syntax
               </a>
               .
             </span>
           }
-        />{' '}
+        />
+        {" "}
       </AccordionTab>
     </AccordionWrap>
   )

package/src/scripts/search/inputs/section-select.tsx

@@ -1,14 +1,14 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { FacetSelect } from '@openneuro/components/facets'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { FacetSelect } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const SectionSelect: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { section_available, section_selected } = searchParams
-  const setSection = section_selected =>
-    setSearchParams(prevState => ({
+  const setSection = (section_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       section_selected,
     }))

package/src/scripts/search/inputs/sex-radios.tsx

@@ -1,14 +1,14 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { FacetRadio } from '@openneuro/components/facets'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { FacetRadio } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const SexRadios: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { sex_available, sex_selected } = searchParams
-  const setSex = sex_selected =>
-    setSearchParams(prevState => ({
+  const setSex = (sex_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       sex_selected,
     }))

package/src/scripts/search/inputs/show-datasets-radios.tsx

@@ -1,10 +1,10 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { RadioGroup } from '@openneuro/components/radio'
-import { FacetSelect } from '@openneuro/components/facets'
-import { useCookies } from 'react-cookie'
-import { getUnexpiredProfile } from '../../authentication/profile'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { RadioGroup } from "@openneuro/components/radio"
+import { FacetSelect } from "@openneuro/components/facets"
+import { useCookies } from "react-cookie"
+import { getUnexpiredProfile } from "../../authentication/profile"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const ShowDatasetsRadios: FC = () => {
   const [cookies] = useCookies()
@@ -18,13 +18,13 @@ const ShowDatasetsRadios: FC = () => {
     datasetStatus_available,
     datasetStatus_selected,
   } = searchParams
-  const setShowSelected = datasetType_selected =>
-    setSearchParams(prevState => ({
+  const setShowSelected = (datasetType_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       datasetType_selected,
     }))
-  const setShowMyUploadsSelected = datasetStatus_selected =>
-    setSearchParams(prevState => ({
+  const setShowMyUploadsSelected = (datasetStatus_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       datasetStatus_selected,
     }))
@@ -32,10 +32,9 @@ const ShowDatasetsRadios: FC = () => {
   return loggedOut ? null : (
     <>
       <div
-        className={
-          datasetType_selected.replace(/\s/g, '') +
-          ' btn-group-wrapper facet-radio'
-        }>
+        className={datasetType_selected.replace(/\s/g, "") +
+          " btn-group-wrapper facet-radio"}
+      >
         <RadioGroup
           radioArr={datasetType_available}
           layout="btn-group"
@@ -44,20 +43,23 @@ const ShowDatasetsRadios: FC = () => {
           setSelected={setShowSelected}
         />
       </div>
-      {datasetType_selected == 'My Datasets' ? (
-        <AccordionWrap className="facet-accordion">
-          <AccordionTab
-            accordionStyle="plain"
-            label="My Datasets Status"
-            startOpen={true}>
-            <FacetSelect
-              selected={datasetStatus_selected}
-              setSelected={setShowMyUploadsSelected}
-              items={datasetStatus_available}
-            />
-          </AccordionTab>
-        </AccordionWrap>
-      ) : null}
+      {datasetType_selected == "My Datasets"
+        ? (
+          <AccordionWrap className="facet-accordion">
+            <AccordionTab
+              accordionStyle="plain"
+              label="My Datasets Status"
+              startOpen={true}
+            >
+              <FacetSelect
+                selected={datasetStatus_selected}
+                setSelected={setShowMyUploadsSelected}
+                items={datasetStatus_available}
+              />
+            </AccordionTab>
+          </AccordionWrap>
+        )
+        : null}
     </>
   )
 }

package/src/scripts/search/inputs/sort-by-select.tsx

@@ -1,6 +1,6 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { SearchSort } from '@openneuro/components/search-page'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { SearchSort } from "@openneuro/components/search-page"
 
 interface SortBySelectProps {
   variables: any
@@ -12,8 +12,8 @@ const SortBySelect: FC<SortBySelectProps> = ({
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { sortBy_available, sortBy_selected } = searchParams
-  const setSortBy = sortBy_selected =>
-    setSearchParams(prevState => ({
+  const setSortBy = (sortBy_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       sortBy_selected,
     }))
@@ -23,16 +23,15 @@ const SortBySelect: FC<SortBySelectProps> = ({
     Object.keys(variables.query.bool).length === 0 ||
     (Object.keys(variables.query.bool).length === 1 &&
       variables.query.bool?.filter?.every(
-        f => f?.match?.['latestSnapshot.summary.modalities'],
+        (f) => f?.match?.["latestSnapshot.summary.modalities"],
       ))
   ) {
     const available = sortBy_available.filter(
-      item => item.value !== 'relevance',
+      (item) => item.value !== "relevance",
     )
-    const selected =
-      sortBy_selected.value === 'relevance'
-        ? { label: 'Newest', value: 'newest' }
-        : sortBy_selected
+    const selected = sortBy_selected.value === "relevance"
+      ? { label: "Newest", value: "newest" }
+      : sortBy_selected
     return (
       <SearchSort
         items={available}

package/src/scripts/search/inputs/species-select.tsx

@@ -1,14 +1,14 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { FacetSelect } from '@openneuro/components/facets'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { FacetSelect } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const SpeciesSelect: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { species_available, species_selected } = searchParams
-  const setSection = species_selected =>
-    setSearchParams(prevState => ({
+  const setSection = (species_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       species_selected,
     }))

package/src/scripts/search/inputs/study-domain-input.tsx

@@ -1,22 +1,22 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../search-params-ctx'
-import { FacetSearch } from '@openneuro/components/facets'
-import { Icon } from '@openneuro/components/icon'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../search-params-ctx"
+import { FacetSearch } from "@openneuro/components/facets"
+import { Icon } from "@openneuro/components/icon"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const StudyDomainInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const studyDomains = searchParams.studyDomains
 
-  const [newStudyDomain, setNewStudyDomain, newStudyDomainRef] = useState('')
+  const [newStudyDomain, setNewStudyDomain, newStudyDomainRef] = useState("")
 
   const addStudyDomain = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       studyDomains: [...studyDomains, newStudyDomainRef.current],
     }))
-    setNewStudyDomain('')
+    setNewStudyDomain("")
   }
 
   return (
@@ -25,7 +25,8 @@ const StudyDomainInput: FC = () => {
         accordionStyle="plain"
         label="Study Domain"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Study Domain(s) to Search"
@@ -43,18 +44,19 @@ const StudyDomainInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <span>
-              Each time the{' '}
-              <Icon icon="fas fa-plus" label="plus" iconOnly={true} /> button is
-              clicked, it will add a search filter. Multiple words in a filter
-              will return results containing any or all words. For advanced
-              filters use the{' '}
+              Each time the{" "}
+              <Icon icon="fas fa-plus" label="plus" iconOnly={true} />{" "}
+              button is clicked, it will add a search filter. Multiple words in
+              a filter will return results containing any or all words. For
+              advanced filters use the{" "}
               <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html#simple-query-string-syntax">
                 simple query string syntax
               </a>
               .
             </span>
           }
-        />{' '}
+        />
+        {" "}
       </AccordionTab>
     </AccordionWrap>
   )

package/src/scripts/search/inputs/subject-count-range-input.tsx

@@ -1,14 +1,14 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { FacetRange } from '@openneuro/components/facets'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { FacetRange } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const SubjectCountRangeInput: FC = () => {
   const min = 0
   const max = 200
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
-  const setSubjectRange = subjectCountRange => {
-    setSearchParams(prevState => ({
+  const setSubjectRange = (subjectCountRange) => {
+    setSearchParams((prevState) => ({
       ...prevState,
       subjectCountRange: [
         (subjectCountRange[0] !== min && subjectCountRange[0]) || null,
@@ -28,7 +28,8 @@ const SubjectCountRangeInput: FC = () => {
       <AccordionTab
         accordionStyle="plain"
         label="Number of Participants"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetRange
           min={min}
           max={max}

package/src/scripts/search/inputs/task-input.tsx

@@ -1,22 +1,22 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../search-params-ctx'
-import { FacetSearch } from '@openneuro/components/facets'
-import { Icon } from '@openneuro/components/icon'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../search-params-ctx"
+import { FacetSearch } from "@openneuro/components/facets"
+import { Icon } from "@openneuro/components/icon"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const TaskInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const tasks = searchParams.tasks
 
-  const [newTask, setNewTask, newTaskRef] = useState('')
+  const [newTask, setNewTask, newTaskRef] = useState("")
 
   const addTask = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       tasks: [...tasks, newTaskRef.current],
     }))
-    setNewTask('')
+    setNewTask("")
   }
 
   return (
@@ -25,7 +25,8 @@ const TaskInput: FC = () => {
         accordionStyle="plain"
         label="Task"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Task(s) to Search"
@@ -43,18 +44,19 @@ const TaskInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <span>
-              Each time the{' '}
-              <Icon icon="fas fa-plus" label="plus" iconOnly={true} /> button is
-              clicked, it will add a search filter. Multiple words in a filter
-              will return results containing any or all words. For advanced
-              filters use the{' '}
+              Each time the{" "}
+              <Icon icon="fas fa-plus" label="plus" iconOnly={true} />{" "}
+              button is clicked, it will add a search filter. Multiple words in
+              a filter will return results containing any or all words. For
+              advanced filters use the{" "}
               <a href="https://www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html#simple-query-string-syntax">
                 simple query string syntax
               </a>
               .
             </span>
           }
-        />{' '}
+        />
+        {" "}
       </AccordionTab>
     </AccordionWrap>
   )