@backstage/plugin-search 0.7.5-next.0 → 0.8.1-next.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @backstage/plugin-search
 
+## 0.8.1-next.0
+
+### Patch Changes
+
+- 11a46863de: Fix issue with `HomePageSearchBar` requiring `SearchContext`
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.1.0-next.0
+  - @backstage/plugin-search-react@0.1.1-next.0
+
+## 0.8.0
+
+### Minor Changes
+
+- 520e21aaea: The following exports has now been fully deleted from this package and can be import from `@backstage/plugin-search-react` instead.
+
+  `SearchApi` interface.
+  `searchApiRef`
+  `SearchContextProvider`
+  `useSearch`
+
+  `SearchContext` has now been fully deleted from this package and is no longer exported publicly. Use `SearchContextProvider` when access to the context is needed.
+
+### Patch Changes
+
+- 7c7919777e: build(deps-dev): bump `@testing-library/react-hooks` from 7.0.2 to 8.0.0
+- 24254fd433: build(deps): bump `@testing-library/user-event` from 13.5.0 to 14.0.0
+- 5c062f275e: Support customizing the content of the `SidebarSearchModal`
+- 38e01f2f70: Switch to `SearchDocument` type in `DefaultResultListItem` props
+- 230ad0826f: Bump to using `@types/node` v16
+- ab230a433f: The following exports has been moved to `@backstage/plugin-search-react` and will be removed in the next release. import from `@backstage/plugin-search-react` instead.
+
+  - `SearchApi` interface.
+  - `searchApiRef`
+  - `SearchContext`
+  - `SearchContextProvider`
+  - `useSearch`
+
+- Updated dependencies
+  - @backstage/plugin-catalog-react@1.0.1
+  - @backstage/catalog-model@1.0.1
+  - @backstage/core-components@0.9.3
+  - @backstage/core-plugin-api@1.0.1
+  - @backstage/plugin-search-react@0.1.0
+  - @backstage/plugin-search-common@0.3.3
+
+## 0.7.5-next.1
+
+### Patch Changes
+
+- 24254fd433: build(deps): bump `@testing-library/user-event` from 13.5.0 to 14.0.0
+- 5c062f275e: Support customizing the content of the `SidebarSearchModal`
+- 230ad0826f: Bump to using `@types/node` v16
+- ab230a433f: The following exports has been moved to `@backstage/plugin-search-react` and will be removed in the next release. import from `@backstage/plugin-search-react` instead.
+
+  - `SearchApi` interface.
+  - `searchApiRef`
+  - `SearchContext`
+  - `SearchContextProvider`
+  - `useSearch`
+
+- Updated dependencies
+  - @backstage/core-components@0.9.3-next.2
+  - @backstage/core-plugin-api@1.0.1-next.0
+  - @backstage/plugin-catalog-react@1.0.1-next.3
+  - @backstage/plugin-search-react@0.1.0-next.0
+
 ## 0.7.5-next.0
 
 ### Patch Changes

package/dist/esm/{index-c59968b8.esm.js → index-03e76ebf.esm.js}

@@ -1,15 +1,12 @@
-export { S as SearchPage } from './index-6c1324ea.esm.js';
-import '@backstage/core-plugin-api';
-import '@backstage/errors';
-import 'qs';
+export { a as SearchBar, b as SearchBarBase } from './index-a995a1ca.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
 import 'react-use/lib/useDebounce';
+import '@backstage/core-plugin-api';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
-import 'react-use/lib/useAsync';
-import 'react-use/lib/usePrevious';
+import '@backstage/plugin-search-react';
 import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
@@ -18,13 +15,17 @@ import '@backstage/core-components';
 import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
+import '@backstage/errors';
+import 'qs';
+import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
 import '@material-ui/core/IconButton';
+import 'react-use/lib/useAsync';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
 import 'react-use/lib/useEffectOnce';
 import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-c59968b8.esm.js.map
+//# sourceMappingURL=index-03e76ebf.esm.js.map

package/dist/esm/index-03e76ebf.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-03e76ebf.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-5c70689c.esm.js → index-48917ac5.esm.js}

@@ -1,15 +1,12 @@
-export { a as SearchBar, b as SearchBarBase } from './index-6c1324ea.esm.js';
-import '@backstage/core-plugin-api';
-import '@backstage/errors';
-import 'qs';
+export { D as DefaultResultListItem } from './index-a995a1ca.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
 import 'react-use/lib/useDebounce';
+import '@backstage/core-plugin-api';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
-import 'react-use/lib/useAsync';
-import 'react-use/lib/usePrevious';
+import '@backstage/plugin-search-react';
 import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
@@ -18,13 +15,17 @@ import '@backstage/core-components';
 import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
+import '@backstage/errors';
+import 'qs';
+import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
 import '@material-ui/core/IconButton';
+import 'react-use/lib/useAsync';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
 import 'react-use/lib/useEffectOnce';
 import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-5c70689c.esm.js.map
+//# sourceMappingURL=index-48917ac5.esm.js.map

package/dist/esm/index-48917ac5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-48917ac5.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-6dc0dac9.esm.js → index-87731096.esm.js}

@@ -1,16 +1,13 @@
 import React from 'react';
 import SearchIcon from '@material-ui/icons/Search';
 import { SidebarItem } from '@backstage/core-components';
-import { u as useSearchModal, d as SearchModal } from './index-6c1324ea.esm.js';
-import '@backstage/core-plugin-api';
-import '@backstage/errors';
-import 'qs';
+import { u as useSearchModal, d as SearchModal } from './index-a995a1ca.esm.js';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
 import 'react-use/lib/useDebounce';
+import '@backstage/core-plugin-api';
 import '@material-ui/icons/Clear';
-import 'react-use/lib/useAsync';
-import 'react-use/lib/usePrevious';
+import '@backstage/plugin-search-react';
 import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
@@ -18,9 +15,13 @@ import '@material-ui/core/styles';
 import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
+import '@backstage/errors';
+import 'qs';
+import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
 import '@material-ui/core/IconButton';
+import 'react-use/lib/useAsync';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
 import 'react-use/lib/useEffectOnce';
@@ -38,9 +39,10 @@ const SidebarSearchModal = (props) => {
     onClick: toggleModal
   }), /* @__PURE__ */ React.createElement(SearchModal, {
     ...state,
-    toggleModal
+    toggleModal,
+    children: props.children
   }));
 };
 
 export { SidebarSearchModal };
-//# sourceMappingURL=index-6dc0dac9.esm.js.map
+//# sourceMappingURL=index-87731096.esm.js.map

package/dist/esm/index-87731096.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-87731096.esm.js","sources":["../../src/components/SidebarSearchModal/SidebarSearchModal.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { SidebarItem } from '@backstage/core-components';\nimport { IconComponent } from '@backstage/core-plugin-api';\nimport {\n  SearchModal,\n  SearchModalChildrenProps,\n  useSearchModal,\n} from '../SearchModal';\n\nexport type SidebarSearchModalProps = {\n  icon?: IconComponent;\n  children?: (props: SearchModalChildrenProps) => JSX.Element;\n};\n\nexport const SidebarSearchModal = (props: SidebarSearchModalProps) => {\n  const { state, toggleModal } = useSearchModal();\n  const Icon = props.icon ? props.icon : SearchIcon;\n\n  return (\n    <>\n      <SidebarItem\n        className=\"search-icon\"\n        icon={Icon}\n        text=\"Search\"\n        onClick={toggleModal}\n      />\n      <SearchModal\n        {...state}\n        toggleModal={toggleModal}\n        children={props.children}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,kBAAkB,GAAG,CAAC,KAAK,KAAK;AAC7C,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;AAClD,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AACpD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpH,IAAI,SAAS,EAAE,aAAa;AAC5B,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACvD,IAAI,GAAG,KAAK;AACZ,IAAI,WAAW;AACf,IAAI,QAAQ,EAAE,KAAK,CAAC,QAAQ;AAC5B,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/esm/{index-c88298b1.esm.js → index-8bd3badc.esm.js}

@@ -1,17 +1,15 @@
 import React, { useCallback, useState } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { r as rootRouteRef, b as SearchBarBase } from './index-6c1324ea.esm.js';
+import { r as rootRouteRef, b as SearchBarBase } from './index-a995a1ca.esm.js';
 import qs from 'qs';
 import { useNavigate } from 'react-router-dom';
 import { useRouteRef } from '@backstage/core-plugin-api';
-import '@backstage/errors';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
 import 'react-use/lib/useDebounce';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
-import 'react-use/lib/useAsync';
-import 'react-use/lib/usePrevious';
+import '@backstage/plugin-search-react';
 import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
@@ -19,9 +17,12 @@ import '@backstage/core-components';
 import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
+import '@backstage/errors';
+import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
 import '@material-ui/core/IconButton';
+import 'react-use/lib/useAsync';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
 import 'react-use/lib/useEffectOnce';
@@ -64,4 +65,4 @@ const HomePageSearchBar = ({ ...props }) => {
 };
 
 export { HomePageSearchBar };
-//# sourceMappingURL=index-c88298b1.esm.js.map
+//# sourceMappingURL=index-8bd3badc.esm.js.map

package/dist/esm/index-8bd3badc.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-8bd3badc.esm.js","sources":["../../src/components/util.ts","../../src/components/HomePageComponent/HomePageSearchBar.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport qs from 'qs';\nimport { useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { rootRouteRef } from '../plugin';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const useNavigateToQuery = () => {\n  const searchRoute = useRouteRef(rootRouteRef);\n  const navigate = useNavigate();\n  return useCallback(\n    ({ query }: { query: string }): void => {\n      const queryString = qs.stringify({ query }, { addQueryPrefix: true });\n\n      navigate(`${searchRoute()}${queryString}`);\n    },\n    [navigate, searchRoute],\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { SearchBarBase, SearchBarBaseProps } from '../SearchBar';\nimport { useNavigateToQuery } from '../util';\n\nconst useStyles = makeStyles({\n  root: {\n    border: '1px solid #555',\n    borderRadius: '6px',\n    fontSize: '1.5em',\n  },\n});\n\n/**\n * Props for {@link HomePageSearchBar}.\n *\n * @public\n */\nexport type HomePageSearchBarProps = Partial<\n  Omit<SearchBarBaseProps, 'onChange' | 'onSubmit'>\n>;\n\n/**\n * The search bar created specifically for the composable home page\n *\n * @public\n */\nexport const HomePageSearchBar = ({ ...props }: HomePageSearchBarProps) => {\n  const classes = useStyles(props);\n  const [query, setQuery] = useState('');\n  const handleSearch = useNavigateToQuery();\n\n  const handleSubmit = () => {\n    handleSearch({ query });\n  };\n\n  const handleChange = useCallback(\n    value => {\n      setQuery(value);\n    },\n    [setQuery],\n  );\n\n  return (\n    <SearchBarBase\n      classes={{ root: classes.root }}\n      value={query}\n      onSubmit={handleSubmit}\n      onChange={handleChange}\n      {...props}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,kBAAkB,GAAG,MAAM;AACxC,EAAE,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;AAChD,EAAE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AACjC,EAAE,OAAO,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK;AACpC,IAAI,MAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAC1E,IAAI,QAAQ,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAC/C,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AAC9B,CAAC;;ACRD,MAAM,SAAS,GAAG,UAAU,CAAC;AAC7B,EAAE,IAAI,EAAE;AACR,IAAI,MAAM,EAAE,gBAAgB;AAC5B,IAAI,YAAY,EAAE,KAAK;AACvB,IAAI,QAAQ,EAAE,OAAO;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;AACS,MAAC,iBAAiB,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK;AACnD,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACzC,EAAE,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAC;AAC5C,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAK,KAAK;AAC9C,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AACpB,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AAC5D,IAAI,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;AACnC,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,YAAY;AAC1B,IAAI,QAAQ,EAAE,YAAY;AAC1B,IAAI,GAAG,KAAK;AACZ,GAAG,CAAC,CAAC;AACL;;;;"}

package/dist/esm/{index-6c1324ea.esm.js → index-a995a1ca.esm.js}

@@ -1,14 +1,11 @@
-import { createApiRef, useApi, AnalyticsContext, useAnalytics, configApiRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createRoutableExtension, createComponentExtension, useRouteRef } from '@backstage/core-plugin-api';
-import { ResponseError } from '@backstage/errors';
-import qs from 'qs';
-import React, { createContext, useState, useCallback, useEffect, useContext, useRef, Fragment, cloneElement } from 'react';
+import React, { useEffect, useState, useCallback, useRef, Fragment, cloneElement } from 'react';
 import FilterListIcon from '@material-ui/icons/FilterList';
 import { makeStyles, IconButton, Typography, Card, CardHeader, Button, Divider, CardContent, Select, MenuItem, List, ListItem, Checkbox, ListItemText, InputBase, InputAdornment, TextField, Chip, FormControl, FormLabel, FormControlLabel, InputLabel, ListItemIcon, Box, Dialog, useTheme, DialogTitle, Paper, DialogContent, Grid, DialogActions, Accordion, AccordionSummary, AccordionDetails, Tabs, Tab } from '@material-ui/core';
 import useDebounce from 'react-use/lib/useDebounce';
+import { useAnalytics, useApi, configApiRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createRoutableExtension, createComponentExtension, useRouteRef } from '@backstage/core-plugin-api';
 import SearchIcon from '@material-ui/icons/Search';
 import ClearButton from '@material-ui/icons/Clear';
-import useAsync from 'react-use/lib/useAsync';
-import usePrevious from 'react-use/lib/usePrevious';
+import { useSearch, useSearchContextCheck, SearchContextProvider, searchApiRef } from '@backstage/plugin-search-react';
 import { Autocomplete, Alert } from '@material-ui/lab';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
 import LaunchIcon from '@material-ui/icons/Launch';
@@ -17,9 +14,13 @@ import { Link, Progress, ResponseErrorPanel, EmptyState, useContent, Table, useQ
 import TextTruncate from 'react-text-truncate';
 import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
 import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
+import { ResponseError } from '@backstage/errors';
+import qs from 'qs';
+import usePrevious from 'react-use/lib/usePrevious';
 import { useOutlet, useLocation } from 'react-router';
 import InputBase$1 from '@material-ui/core/InputBase';
 import IconButton$1 from '@material-ui/core/IconButton';
+import useAsync from 'react-use/lib/useAsync';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { DEFAULT_NAMESPACE } from '@backstage/catalog-model';
 import useEffectOnce from 'react-use/lib/useEffectOnce';
@@ -27,28 +28,6 @@ import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import AllIcon from '@material-ui/icons/FontDownload';
 import { useNavigate } from 'react-router-dom';
 
-const searchApiRef = createApiRef({
-  id: "plugin.search.queryservice"
-});
-class SearchClient {
-  constructor(options) {
-    this.discoveryApi = options.discoveryApi;
-    this.identityApi = options.identityApi;
-  }
-  async query(query) {
-    const { token } = await this.identityApi.getCredentials();
-    const queryString = qs.stringify(query);
-    const url = `${await this.discoveryApi.getBaseUrl("search/query")}?${queryString}`;
-    const response = await fetch(url, {
-      headers: token ? { Authorization: `Bearer ${token}` } : {}
-    });
-    if (!response.ok) {
-      throw await ResponseError.fromResponse(response);
-    }
-    return response.json();
-  }
-}
-
 const useStyles$b = makeStyles((theme) => ({
   filters: {
     width: "250px",
@@ -147,73 +126,6 @@ const Filters$1 = ({
   }))))));
 };
 
-const SearchContext = createContext(void 0);
-const searchInitialState = {
-  term: "",
-  pageCursor: void 0,
-  filters: {},
-  types: []
-};
-const SearchContextProvider = ({
-  initialState = searchInitialState,
-  children
-}) => {
-  var _a, _b, _c, _d;
-  const searchApi = useApi(searchApiRef);
-  const [pageCursor, setPageCursor] = useState(initialState.pageCursor);
-  const [filters, setFilters] = useState(initialState.filters);
-  const [term, setTerm] = useState(initialState.term);
-  const [types, setTypes] = useState(initialState.types);
-  const prevTerm = usePrevious(term);
-  const result = useAsync(() => searchApi.query({
-    term,
-    filters,
-    pageCursor,
-    types
-  }), [term, filters, types, pageCursor]);
-  const hasNextPage = !result.loading && !result.error && ((_a = result.value) == null ? void 0 : _a.nextPageCursor);
-  const hasPreviousPage = !result.loading && !result.error && ((_b = result.value) == null ? void 0 : _b.previousPageCursor);
-  const fetchNextPage = useCallback(() => {
-    var _a2;
-    setPageCursor((_a2 = result.value) == null ? void 0 : _a2.nextPageCursor);
-  }, [(_c = result.value) == null ? void 0 : _c.nextPageCursor]);
-  const fetchPreviousPage = useCallback(() => {
-    var _a2;
-    setPageCursor((_a2 = result.value) == null ? void 0 : _a2.previousPageCursor);
-  }, [(_d = result.value) == null ? void 0 : _d.previousPageCursor]);
-  useEffect(() => {
-    if (term && prevTerm && term !== prevTerm) {
-      setPageCursor(void 0);
-    }
-  }, [term, prevTerm, initialState.pageCursor]);
-  const value = {
-    result,
-    filters,
-    setFilters,
-    term,
-    setTerm,
-    types,
-    setTypes,
-    pageCursor,
-    setPageCursor,
-    fetchNextPage: hasNextPage ? fetchNextPage : void 0,
-    fetchPreviousPage: hasPreviousPage ? fetchPreviousPage : void 0
-  };
-  return /* @__PURE__ */ React.createElement(AnalyticsContext, {
-    attributes: { searchTypes: types.sort().join(",") }
-  }, /* @__PURE__ */ React.createElement(SearchContext.Provider, {
-    value,
-    children
-  }));
-};
-const useSearch = () => {
-  const context = useContext(SearchContext);
-  if (context === void 0) {
-    throw new Error("useSearch must be used within a SearchContextProvider");
-  }
-  return context;
-};
-
 const TrackSearch = ({ children }) => {
   const analytics = useAnalytics();
   const { term } = useSearch();
@@ -225,10 +137,6 @@ const TrackSearch = ({ children }) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
 };
 
-const useSearchContextCheck = () => {
-  const context = useContext(SearchContext);
-  return context !== void 0;
-};
 const SearchBarBase = ({
   onChange,
   onKeyDown,
@@ -596,6 +504,25 @@ const SearchResultPager = () => {
   }, "Next"));
 };
 
+class SearchClient {
+  constructor(options) {
+    this.discoveryApi = options.discoveryApi;
+    this.identityApi = options.identityApi;
+  }
+  async query(query) {
+    const { token } = await this.identityApi.getCredentials();
+    const queryString = qs.stringify(query);
+    const url = `${await this.discoveryApi.getBaseUrl("search/query")}?${queryString}`;
+    const response = await fetch(url, {
+      headers: token ? { Authorization: `Bearer ${token}` } : {}
+    });
+    if (!response.ok) {
+      throw await ResponseError.fromResponse(response);
+    }
+    return response.json();
+  }
+}
+
 const rootRouteRef = createRouteRef({
   id: "search"
 });
@@ -620,54 +547,54 @@ const searchPlugin = createPlugin({
 });
 const SearchPage$1 = searchPlugin.provide(createRoutableExtension({
   name: "SearchPage",
-  component: () => import('./index-c59968b8.esm.js').then((m) => m.SearchPage),
+  component: () => import('./index-c4f0d862.esm.js').then((m) => m.SearchPage),
   mountPoint: rootRouteRef
 }));
 const SearchPageNext = searchPlugin.provide(createRoutableExtension({
   name: "SearchPageNext",
-  component: () => import('./index-c59968b8.esm.js').then((m) => m.SearchPage),
+  component: () => import('./index-c4f0d862.esm.js').then((m) => m.SearchPage),
   mountPoint: rootNextRouteRef
 }));
 searchPlugin.provide(createComponentExtension({
   name: "SearchBar",
   component: {
-    lazy: () => import('./index-5c70689c.esm.js').then((m) => m.SearchBar)
+    lazy: () => import('./index-03e76ebf.esm.js').then((m) => m.SearchBar)
   }
 }));
 const SearchBarNext = searchPlugin.provide(createComponentExtension({
   name: "SearchBarNext",
   component: {
-    lazy: () => import('./index-5c70689c.esm.js').then((m) => m.SearchBar)
+    lazy: () => import('./index-03e76ebf.esm.js').then((m) => m.SearchBar)
   }
 }));
 const SearchResult$1 = searchPlugin.provide(createComponentExtension({
   name: "SearchResult",
   component: {
-    lazy: () => import('./index-ecefd17e.esm.js').then((m) => m.SearchResult)
+    lazy: () => import('./index-e3f876bf.esm.js').then((m) => m.SearchResult)
   }
 }));
 searchPlugin.provide(createComponentExtension({
   name: "SearchResultNext",
   component: {
-    lazy: () => import('./index-ecefd17e.esm.js').then((m) => m.SearchResult)
+    lazy: () => import('./index-e3f876bf.esm.js').then((m) => m.SearchResult)
   }
 }));
 const SidebarSearchModal = searchPlugin.provide(createComponentExtension({
   name: "SidebarSearchModal",
   component: {
-    lazy: () => import('./index-6dc0dac9.esm.js').then((m) => m.SidebarSearchModal)
+    lazy: () => import('./index-87731096.esm.js').then((m) => m.SidebarSearchModal)
   }
 }));
 const DefaultResultListItem = searchPlugin.provide(createComponentExtension({
   name: "DefaultResultListItem",
   component: {
-    lazy: () => import('./index-5122e36b.esm.js').then((m) => m.DefaultResultListItem)
+    lazy: () => import('./index-48917ac5.esm.js').then((m) => m.DefaultResultListItem)
   }
 }));
 const HomePageSearchBar = searchPlugin.provide(createComponentExtension({
   name: "HomePageSearchBar",
   component: {
-    lazy: () => import('./index-c88298b1.esm.js').then((m) => m.HomePageSearchBar)
+    lazy: () => import('./index-8bd3badc.esm.js').then((m) => m.HomePageSearchBar)
   }
 }));
 
@@ -740,8 +667,10 @@ const Modal = ({ toggleModal }) => {
 const SearchModal = ({
   open = true,
   hidden,
-  toggleModal
+  toggleModal,
+  children
 }) => {
+  var _a;
   const classes = useStyles$7();
   return /* @__PURE__ */ React.createElement(Dialog, {
     classes: {
@@ -753,7 +682,7 @@ const SearchModal = ({
     maxWidth: "lg",
     open,
     hidden
-  }, open && /* @__PURE__ */ React.createElement(SearchContextProvider, null, /* @__PURE__ */ React.createElement(Modal, {
+  }, open && /* @__PURE__ */ React.createElement(SearchContextProvider, null, (_a = children && children({ toggleModal })) != null ? _a : /* @__PURE__ */ React.createElement(Modal, {
     toggleModal
   })));
 };
@@ -1323,7 +1252,8 @@ const SearchTypeTabs = (props) => {
     indicatorColor: "primary",
     value: types.length === 0 ? "" : types[0],
     onChange: changeTab
-  }, definedTypes.map((type) => /* @__PURE__ */ React.createElement(Tab, {
+  }, definedTypes.map((type, idx) => /* @__PURE__ */ React.createElement(Tab, {
+    key: idx,
     className: classes.tab,
     disableRipple: true,
     label: type.name,
@@ -1419,5 +1349,5 @@ const SidebarSearch = (props) => {
   });
 };
 
-export { DefaultResultListItem$1 as D, Filters$1 as F, HomePageSearchBar as H, SearchPage as S, SearchBar$1 as a, SearchBarBase as b, SearchResultComponent as c, SearchModal as d, FiltersButton$1 as e, SearchContextProvider as f, useSearch as g, SearchFilter as h, SearchFilterNext as i, SearchResultPager as j, SearchType as k, SidebarSearch as l, DefaultResultListItem as m, SearchBarNext as n, SearchPage$1 as o, SearchPageNext as p, searchPlugin as q, rootRouteRef as r, searchApiRef as s, SearchResult$1 as t, useSearchModal as u, SidebarSearchModal as v };
-//# sourceMappingURL=index-6c1324ea.esm.js.map
+export { DefaultResultListItem$1 as D, Filters$1 as F, HomePageSearchBar as H, SearchPage as S, SearchBar$1 as a, SearchBarBase as b, SearchResultComponent as c, SearchModal as d, FiltersButton$1 as e, SearchFilter as f, SearchFilterNext as g, SearchResultPager as h, SearchType as i, SidebarSearch as j, DefaultResultListItem as k, SearchBarNext as l, SearchPage$1 as m, SearchPageNext as n, SearchResult$1 as o, SidebarSearchModal as p, rootRouteRef as r, searchPlugin as s, useSearchModal as u };
+//# sourceMappingURL=index-a995a1ca.esm.js.map