@openneuro/app 4.20.5 → 4.20.6-alpha.2

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

@@ -1,23 +1,23 @@
-import React from 'react'
-import { screen } from '@testing-library/react'
-import { searchRender } from '../../__helpers__/search-render'
-import SortBySelect from '../sort-by-select'
-import initialSearchParams from '../../initial-search-params'
+import React from "react"
+import { screen } from "@testing-library/react"
+import { searchRender } from "../../__helpers__/search-render"
+import SortBySelect from "../sort-by-select"
+import initialSearchParams from "../../initial-search-params"
 
 const providerProps = {
   value: { searchParams: { ...initialSearchParams } },
 }
 
-describe('SortBySelect component', () => {
-  it('displays Newest when parameters are set to default', () => {
+describe("SortBySelect component", () => {
+  it("displays Newest when parameters are set to default", () => {
     searchRender(<SortBySelect variables={{ query: { bool: {} } }} />, {
       providerProps,
     })
-    expect(screen.getByText('SORT BY:').closest('div')).toHaveTextContent(
-      'SORT BY: Newest',
+    expect(screen.getByText("SORT BY:").closest("div")).toHaveTextContent(
+      "SORT BY: Newest",
     )
   })
-  it('displays Newest when parameters are set to default and modality has changed', () => {
+  it("displays Newest when parameters are set to default and modality has changed", () => {
     searchRender(
       <SortBySelect
         variables={{
@@ -26,8 +26,8 @@ describe('SortBySelect component', () => {
               filter: [
                 {
                   match: {
-                    'latestSnapshot.summary.modalities': {
-                      query: 'MRI',
+                    "latestSnapshot.summary.modalities": {
+                      query: "MRI",
                     },
                   },
                 },
@@ -40,20 +40,20 @@ describe('SortBySelect component', () => {
         providerProps,
       },
     )
-    expect(screen.getByText('SORT BY:').closest('div')).toHaveTextContent(
-      'SORT BY: Newest',
+    expect(screen.getByText("SORT BY:").closest("div")).toHaveTextContent(
+      "SORT BY: Newest",
     )
   })
-  it('displays Relevance when any non-modality parameters are set away from default', () => {
+  it("displays Relevance when any non-modality parameters are set away from default", () => {
     searchRender(
-      <SortBySelect variables={{ query: { bool: { species: 'Human' } } }} />,
+      <SortBySelect variables={{ query: { bool: { species: "Human" } } }} />,
       { providerProps },
     )
-    expect(screen.getByText('SORT BY:').closest('div')).toHaveTextContent(
-      'SORT BY: Relevance',
+    expect(screen.getByText("SORT BY:").closest("div")).toHaveTextContent(
+      "SORT BY: Relevance",
     )
   })
-  it('displays Relevance with age of participants set', () => {
+  it("displays Relevance with age of participants set", () => {
     searchRender(
       <SortBySelect
         variables={{
@@ -62,10 +62,10 @@ describe('SortBySelect component', () => {
               filter: [
                 {
                   range: {
-                    'latestSnapshot.summary.subjectMetadata.age': {
+                    "latestSnapshot.summary.subjectMetadata.age": {
                       gte: 10,
                       lte: 100,
-                      relation: 'INTERSECTS',
+                      relation: "INTERSECTS",
                     },
                   },
                 },
@@ -76,8 +76,8 @@ describe('SortBySelect component', () => {
       />,
       { providerProps },
     )
-    expect(screen.getByText('SORT BY:').closest('div')).toHaveTextContent(
-      'SORT BY: Relevance',
+    expect(screen.getByText("SORT BY:").closest("div")).toHaveTextContent(
+      "SORT BY: Relevance",
     )
   })
 })

package/src/scripts/search/inputs/admin-allDatasets-toggle.tsx

@@ -1,7 +1,7 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { Button } from '@openneuro/components/button'
-import styled from '@emotion/styled'
+import React, { FC, useContext } from "react"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { Button } from "@openneuro/components/button"
+import styled from "@emotion/styled"
 
 const StyledButton = styled(Button)`
   width: auto;
@@ -25,21 +25,21 @@ const TaskInput: FC = () => {
   } = useContext(SearchParamsCtx)
 
   const toggleSearchAllDatasets = () =>
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       searchAllDatasets: !prevState.searchAllDatasets,
     }))
 
   return (
     <StyledButton
-      className={searchAllDatasets ? 'active toggle-btn' : 'toggle-btn'}
+      className={searchAllDatasets ? "active toggle-btn" : "toggle-btn"}
       onClick={toggleSearchAllDatasets}
-      icon={searchAllDatasets ? 'fas fa-check-square' : 'far fa-square'}
-      label={
-        searchAllDatasets
-          ? 'Admin: Searching All Datasets'
-          : 'Admin: Search All Datasets'
-      }></StyledButton>
+      icon={searchAllDatasets ? "fas fa-check-square" : "far fa-square"}
+      label={searchAllDatasets
+        ? "Admin: Searching All Datasets"
+        : "Admin: Search All Datasets"}
+    >
+    </StyledButton>
   )
 }
 

package/src/scripts/search/inputs/age-range-input.tsx

@@ -1,15 +1,15 @@
-import React, { FC, useContext } from 'react'
-import { SearchParamsCtx } from '../search-params-ctx'
-import initialSearchParams from '../initial-search-params'
-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 initialSearchParams from "../initial-search-params"
+import { FacetRange } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const AgeRangeInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const ageRange = searchParams.ageRange
-  const setAgeRange = ageRange =>
-    setSearchParams(prevState => ({
+  const setAgeRange = (ageRange) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       ageRange,
     }))
@@ -26,7 +26,8 @@ const AgeRangeInput: FC = () => {
       <AccordionTab
         accordionStyle="plain"
         label="Age of Participants"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetRange
           min={min}
           max={max}

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

@@ -1,21 +1,21 @@
-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 { 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 { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
 
 const AuthorInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const authors = searchParams.authors
 
-  const [newAuthor, setNewAuthor, newAuthorRef] = useState('')
+  const [newAuthor, setNewAuthor, newAuthorRef] = useState("")
 
   const addAuthor = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       authors: [...authors, newAuthorRef.current],
     }))
-    setNewAuthor('')
+    setNewAuthor("")
   }
 
   return (
@@ -24,7 +24,8 @@ const AuthorInput: FC = () => {
         accordionStyle="plain"
         label="Authors / PI"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Name(s) to Search"
@@ -42,11 +43,13 @@ const AuthorInput: FC = () => {
           removeFilterItem={removeFilterItem(setSearchParams)}
           helpText={
             <>
-              Results on multiple inputs will include all datasets that have{' '}
+              Results on multiple inputs will include all datasets that have
+              {" "}
               <b>ANY</b> of the entered names
             </>
           }
-        />{' '}
+        />
+        {" "}
       </AccordionTab>
     </AccordionWrap>
   )

package/src/scripts/search/inputs/date-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 DateRadios: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { date_available, date_selected } = searchParams
-  const setDate = date_selected =>
-    setSearchParams(prevState => ({
+  const setDate = (date_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       date_selected,
     }))
@@ -18,7 +18,8 @@ const DateRadios: FC = () => {
       <AccordionTab
         startOpen={false}
         label="Publication Date"
-        accordionStyle="plain">
+        accordionStyle="plain"
+      >
         <FacetRadio
           selected={date_selected}
           setSelected={setDate}

package/src/scripts/search/inputs/diagnosis-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 DiagnosisSelect: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
 
   const { diagnosis_available, diagnosis_selected } = searchParams
-  const setDiagnosis = diagnosis_selected =>
-    setSearchParams(prevState => ({
+  const setDiagnosis = (diagnosis_selected) =>
+    setSearchParams((prevState) => ({
       ...prevState,
       diagnosis_selected,
     }))

package/src/scripts/search/inputs/index.ts

@@ -1,43 +1,43 @@
-import KeywordInput from './keyword-input'
-import AllDatasetsToggle from './admin-allDatasets-toggle'
-import ModalitySelect from './modality-select'
-import ShowDatasetRadios from './show-datasets-radios'
-import AgeRangeInput from './age-range-input'
-import SubjectCountRangeInput from './subject-count-range-input'
-import DiagnosisSelect from './diagnosis-select'
-import TaskInput from './task-input'
-import AuthorInput from './author-input'
-import SexRadios from './sex-radios'
-import DateRadios from './date-radios'
-import SpeciesSelect from './species-select'
-import SectionSelect from './section-select'
-import StudyDomainInput from './study-domain-input'
-import BodyPartsInput from './pet/bodyParts_input'
-import ScannerManufacturers from './pet/scannerManufacturers_input'
-import ScannerManufacturersModelNames from './pet/scannerManufacturersModelNames_input'
-import TracerNames from './pet/tracerNames_input'
-import TracerRadionuclides from './pet/tracerRadionuclides_input'
-import SortBySelect from './sort-by-select'
+import KeywordInput from "./keyword-input"
+import AllDatasetsToggle from "./admin-allDatasets-toggle"
+import ModalitySelect from "./modality-select"
+import ShowDatasetRadios from "./show-datasets-radios"
+import AgeRangeInput from "./age-range-input"
+import SubjectCountRangeInput from "./subject-count-range-input"
+import DiagnosisSelect from "./diagnosis-select"
+import TaskInput from "./task-input"
+import AuthorInput from "./author-input"
+import SexRadios from "./sex-radios"
+import DateRadios from "./date-radios"
+import SpeciesSelect from "./species-select"
+import SectionSelect from "./section-select"
+import StudyDomainInput from "./study-domain-input"
+import BodyPartsInput from "./pet/bodyParts_input"
+import ScannerManufacturers from "./pet/scannerManufacturers_input"
+import ScannerManufacturersModelNames from "./pet/scannerManufacturersModelNames_input"
+import TracerNames from "./pet/tracerNames_input"
+import TracerRadionuclides from "./pet/tracerRadionuclides_input"
+import SortBySelect from "./sort-by-select"
 
 export {
-  KeywordInput,
-  AllDatasetsToggle,
-  ModalitySelect,
-  ShowDatasetRadios,
   AgeRangeInput,
-  SubjectCountRangeInput,
-  DiagnosisSelect,
-  TaskInput,
+  AllDatasetsToggle,
   AuthorInput,
-  SexRadios,
-  DateRadios,
-  SpeciesSelect,
-  SectionSelect,
-  StudyDomainInput,
   BodyPartsInput,
+  DateRadios,
+  DiagnosisSelect,
+  KeywordInput,
+  ModalitySelect,
   ScannerManufacturers,
   ScannerManufacturersModelNames,
+  SectionSelect,
+  SexRadios,
+  ShowDatasetRadios,
+  SortBySelect,
+  SpeciesSelect,
+  StudyDomainInput,
+  SubjectCountRangeInput,
+  TaskInput,
   TracerNames,
   TracerRadionuclides,
-  SortBySelect,
 }

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

@@ -1,21 +1,21 @@
-import React, { FC, useContext } from 'react'
-import useState from 'react-usestateref'
-import { SearchParamsCtx, removeFilterItem } from '../search-params-ctx'
-import { TermSearch } from '@openneuro/components/input'
-import { Icon } from '@openneuro/components/icon'
+import React, { FC, useContext } from "react"
+import useState from "react-usestateref"
+import { removeFilterItem, SearchParamsCtx } from "../search-params-ctx"
+import { TermSearch } from "@openneuro/components/input"
+import { Icon } from "@openneuro/components/icon"
 
 const KeywordInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const keywords = searchParams.keywords
 
-  const [newKeyword, setNewKeyword, newKeywordRef] = useState('')
+  const [newKeyword, setNewKeyword, newKeywordRef] = useState("")
 
   const addKeyword = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       keywords: [...keywords, newKeywordRef.current],
     }))
-    setNewKeyword('')
+    setNewKeyword("")
   }
 
   return (
@@ -39,11 +39,11 @@ const KeywordInput: FC = () => {
         removeFilterItem={removeFilterItem(setSearchParams)}
         tipContent={
           <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/modality-select.tsx

@@ -1,10 +1,10 @@
-import React, { FC, useContext } from 'react'
-import { useNavigate } from 'react-router-dom'
-import { SearchParamsCtx } from '../search-params-ctx'
-import { SearchParams, flattenedModalities } from '../initial-search-params'
-import { FacetSelect } from '@openneuro/components/facets'
-import { AccordionTab, AccordionWrap } from '@openneuro/components/accordion'
-import initialSearchParams from '../initial-search-params'
+import React, { FC, useContext } from "react"
+import { useNavigate } from "react-router-dom"
+import { SearchParamsCtx } from "../search-params-ctx"
+import { flattenedModalities, SearchParams } from "../initial-search-params"
+import { FacetSelect } from "@openneuro/components/facets"
+import { AccordionTab, AccordionWrap } from "@openneuro/components/accordion"
+import initialSearchParams from "../initial-search-params"
 
 interface ModalitySelectProps {
   inHeader?: boolean
@@ -34,7 +34,7 @@ const ModalitySelect: FC<ModalitySelectProps> = ({
         modality_selected,
       }),
     )
-    const modality_selected_path = flattenedModalities.find(modality => {
+    const modality_selected_path = flattenedModalities.find((modality) => {
       return modality.label === modality_selected
     })?.portalPath
     navigate(modality_selected_path)
@@ -42,29 +42,32 @@ const ModalitySelect: FC<ModalitySelectProps> = ({
 
   return (
     <>
-      {portalStyles ? (
-        <FacetSelect
-          className="modality-facet facet-open"
-          label={label}
-          selected={modality_selected}
-          setSelected={setModality}
-          items={modality_available}
-        />
-      ) : (
-        <AccordionWrap className="modality-facet facet-accordion">
-          <AccordionTab
-            accordionStyle="plain"
+      {portalStyles
+        ? (
+          <FacetSelect
+            className="modality-facet facet-open"
             label={label}
-            startOpen={portalStyles ? startOpen : false}
-            dropdown={dropdown}>
-            <FacetSelect
-              selected={modality_selected}
-              setSelected={setModality}
-              items={modality_available}
-            />
-          </AccordionTab>
-        </AccordionWrap>
-      )}
+            selected={modality_selected}
+            setSelected={setModality}
+            items={modality_available}
+          />
+        )
+        : (
+          <AccordionWrap className="modality-facet facet-accordion">
+            <AccordionTab
+              accordionStyle="plain"
+              label={label}
+              startOpen={portalStyles ? startOpen : false}
+              dropdown={dropdown}
+            >
+              <FacetSelect
+                selected={modality_selected}
+                setSelected={setModality}
+                items={modality_available}
+              />
+            </AccordionTab>
+          </AccordionWrap>
+        )}
     </>
   )
 }

package/src/scripts/search/inputs/pet/bodyParts_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 BodyPartsInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const bodyParts = searchParams.bodyParts
 
-  const [newInput, setNewInput, newInputRef] = useState('')
+  const [newInput, setNewInput, newInputRef] = useState("")
 
   const addBodyPart = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       bodyParts: [...bodyParts, newInputRef.current],
     }))
-    setNewInput('')
+    setNewInput("")
   }
 
   return (
@@ -25,7 +25,8 @@ const BodyPartsInput: FC = () => {
         accordionStyle="plain"
         label="Target"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Target(s) to Search"
@@ -43,18 +44,19 @@ const BodyPartsInput: 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/scannerManufacturersModelNames_input.tsx

@@ -1,26 +1,26 @@
-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 ScannerManufacturersModelNamesInput: FC = () => {
   const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
   const scannerManufacturersModelNames =
     searchParams.scannerManufacturersModelNames
 
-  const [newInput, setNewInput, newInputRef] = useState('')
+  const [newInput, setNewInput, newInputRef] = useState("")
 
   const addScannerManufacturersModelName = () => {
-    setSearchParams(prevState => ({
+    setSearchParams((prevState) => ({
       ...prevState,
       scannerManufacturersModelNames: [
         ...scannerManufacturersModelNames,
         newInputRef.current,
       ],
     }))
-    setNewInput('')
+    setNewInput("")
   }
 
   return (
@@ -29,7 +29,8 @@ const ScannerManufacturersModelNamesInput: FC = () => {
         accordionStyle="plain"
         label="Scanner Model"
         className="search-facet"
-        startOpen={false}>
+        startOpen={false}
+      >
         <FacetSearch
           type="text"
           placeholder="Enter Scanner Model(s) to Search"
@@ -47,18 +48,19 @@ const ScannerManufacturersModelNamesInput: 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>
   )