feat(app): Implement search facets for DatasetType field

packages/openneuro-app/src/scripts/search/initial-search-params.tsx

@@ -155,6 +155,8 @@ export interface SearchParams {
   tracerRadionuclides: string[]
   sortBy_available
   sortBy_selected
+  bidsDatasetType_available: string[]
+  bidsDatasetType_selected: string | null
 }
 
 // TODO: move to this initial state
@@ -237,6 +239,8 @@ const TEMPORARY_initialSearchParams: SearchParams = {
   tracerRadionuclides: [],
   sortBy_available: sortBy,
   sortBy_selected: sortBy[0],
+  bidsDatasetType_available: ["raw", "derivative"],
+  bidsDatasetType_selected: null,
 }
 
 export default TEMPORARY_initialSearchParams

packages/openneuro-app/src/scripts/search/inputs/dataset-type-select.tsx

@@ -0,0 +1,33 @@
+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 DatasetTypeSelect: FC = () => {
+  const { searchParams, setSearchParams } = useContext(SearchParamsCtx)
+
+  const { bidsDatasetType_selected, bidsDatasetType_available } = searchParams
+  const setDatasetType = (bidsDatasetType_selected) =>
+    setSearchParams((prevState) => ({
+      ...prevState,
+      bidsDatasetType_selected,
+    }))
+
+  return (
+    <AccordionWrap className="facet-accordion">
+      <AccordionTab
+        accordionStyle="plain"
+        label="Dataset Type"
+        startOpen={false}
+      >
+        <FacetSelect
+          selected={bidsDatasetType_selected}
+          setSelected={setDatasetType}
+          items={bidsDatasetType_available}
+        />
+      </AccordionTab>
+    </AccordionWrap>
+  )
+}
+
+export default DatasetTypeSelect

packages/openneuro-app/src/scripts/search/inputs/index.ts

@@ -4,6 +4,7 @@ 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 DatasetTypeSelect from "./dataset-type-select"
 import DiagnosisSelect from "./diagnosis-select"
 import TaskInput from "./task-input"
 import AuthorInput from "./author-input"
@@ -24,6 +25,7 @@ export {
   AllDatasetsToggle,
   AuthorInput,
   BodyPartsInput,
+  DatasetTypeSelect,
   DateRadios,
   DiagnosisSelect,
   KeywordInput,

packages/openneuro-app/src/scripts/search/search-container.tsx

@@ -16,6 +16,7 @@
   AllDatasetsToggle,
   AuthorInput,
   BodyPartsInput,
+  DatasetTypeSelect,
   DateRadios,
   DiagnosisSelect,
   KeywordInput,
@@ -166,6 +167,7 @@
             {!portalContent
               ? <ModalitySelect portalStyles={true} label="Modalities" />
               : <ModalitySelect portalStyles={false} label="Choose Modality" />}
+            <DatasetTypeSelect />
             <AgeRangeInput />
             <SubjectCountRangeInput />
             <DiagnosisSelect />

packages/openneuro-app/src/scripts/search/search-params-ctx.tsx

@@ -123,6 +123,7 @@
   scannerManufacturersModelNames,
   tracerNames,
   tracerRadionuclides,
+  bidsDatasetType_selected,
 }) => ({
   keywords,
   modality_selected,
@@ -144,6 +145,7 @@
   scannerManufacturersModelNames,
   tracerNames,
   tracerRadionuclides,
+  bidsDatasetType_selected,
 })
 
 /**

packages/openneuro-components/src/search-page/FiltersBlock.tsx

@@ -6,7 +6,6 @@
 import { FacetSelectValueType } from "../facets/FacetSelect"
 import { NeurobagelSearch } from "./NeurobagelSearch"
 
-
 export interface FiltersBlockProps {
   keywords: string[]
   modality_selected?: FacetSelectValueType
@@ -33,6 +32,7 @@
   removeAllFilters?(): void
   numTotalResults: number
   loading: boolean
+  bidsDatasetType_selected?: FacetSelectValueType
 }
 
 export const FiltersBlock = ({
@@ -61,6 +61,7 @@
   removeFilterItem,
   removeAllFilters,
   numTotalResults,
+  bidsDatasetType_selected,
 }: FiltersBlockProps) => {
   const ageRangeIsNull =
     JSON.stringify(ageRange) === JSON.stringify([null, null])
@@ -114,6 +115,16 @@
             removeFilterItem={removeFilterItem(true)}
           />
         )}
+        {bidsDatasetType_selected && (
+          <FilterListItem
+            type="Dataset Type"
+            item={{
+              param: "bidsDatasetType_selected",
+              value: bidsDatasetType_selected,
+            }}
+            removeFilterItem={removeFilterItem(true)}
+          />
+        )}
         {!searchAllDatasets && (
           <>
             {datasetType_selected && (