@backstage/plugin-search 1.4.10 → 1.4.11-next.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @backstage/plugin-search
 
+## 1.4.11-next.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.14.6-next.1
+  - @backstage/plugin-catalog-react@1.11.4-next.1
+  - @backstage/frontend-plugin-api@0.6.5-next.1
+  - @backstage/plugin-search-react@1.7.11-next.1
+  - @backstage/core-compat-api@0.2.5-next.1
+
+## 1.4.11-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-compat-api@0.2.5-next.0
+  - @backstage/core-components@0.14.5-next.0
+  - @backstage/plugin-catalog-react@1.11.4-next.0
+  - @backstage/core-plugin-api@1.9.2
+  - @backstage/errors@1.2.4
+  - @backstage/frontend-plugin-api@0.6.5-next.0
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.8
+  - @backstage/plugin-search-common@1.2.11
+  - @backstage/plugin-search-react@1.7.11-next.0
+
 ## 1.4.10
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-search",
-  "version": "1.4.10",
+  "version": "1.4.11-next.1",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/alpha.esm.js

@@ -9,35 +9,11 @@ import { createApiExtension, createPageExtension, createSchemaFromZod, createExt
 import { catalogApiRef, CATALOG_FILTER_EXISTS } from '@backstage/plugin-catalog-react';
 import { searchApiRef, SearchContextProvider, useSearch, SearchBar, SearchFilter, SearchPagination, SearchResult, SearchResultPager, DefaultResultListItem } from '@backstage/plugin-search-react';
 import { createSearchResultListItemExtension } from '@backstage/plugin-search-react/alpha';
-import { d as SearchClient, r as rootRouteRef, U as UrlUpdater, a as SearchType } from './esm/SearchType-BDK6qMj4.esm.js';
+import { rootRouteRef } from './plugin.esm.js';
+import { SearchClient } from './apis.esm.js';
+import { SearchType } from './components/SearchType/SearchType.esm.js';
+import { UrlUpdater } from './components/SearchPage/SearchPage.esm.js';
 import { convertLegacyRouteRef, compatWrapper, convertLegacyRouteRefs } from '@backstage/core-compat-api';
-import '@backstage/errors';
-import 'qs';
-import 'react-use/esm/usePrevious';
-import 'react-router-dom';
-import '@material-ui/core/Checkbox';
-import '@material-ui/core/Chip';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/InputLabel';
-import '@material-ui/core/ListItemText';
-import '@material-ui/core/MenuItem';
-import '@material-ui/core/Select';
-import 'react-use/esm/useEffectOnce';
-import '@material-ui/core/Accordion';
-import '@material-ui/core/AccordionSummary';
-import '@material-ui/core/AccordionDetails';
-import '@material-ui/core/Card';
-import '@material-ui/core/CardContent';
-import '@material-ui/core/CardHeader';
-import '@material-ui/core/Divider';
-import '@material-ui/core/List';
-import '@material-ui/core/ListItem';
-import '@material-ui/core/ListItemIcon';
-import '@material-ui/icons/ExpandMore';
-import '@material-ui/icons/FontDownload';
-import 'react-use/esm/useAsync';
-import '@material-ui/core/Tab';
-import '@material-ui/core/Tabs';
 
 const searchApi = createApiExtension({
   factory: {

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 from 'react';\n\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport SearchIcon from '@material-ui/icons/Search';\n\nimport {\n  CatalogIcon,\n  Content,\n  DocsIcon,\n  Header,\n  Page,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport {\n  useApi,\n  DiscoveryApi,\n  IdentityApi,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport {\n  createPlugin,\n  createApiExtension,\n  createPageExtension,\n  createExtensionInput,\n  createNavItemExtension,\n  createSchemaFromZod,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  catalogApiRef,\n  CATALOG_FILTER_EXISTS,\n} from '@backstage/plugin-catalog-react';\n\nimport {\n  DefaultResultListItem,\n  SearchBar,\n  SearchFilter,\n  SearchPagination,\n  SearchResult as SearchResults,\n  SearchResultPager,\n  useSearch,\n  SearchContextProvider,\n} from '@backstage/plugin-search-react';\nimport { SearchResult } from '@backstage/plugin-search-common';\nimport { searchApiRef } from '@backstage/plugin-search-react';\nimport { createSearchResultListItemExtension } from '@backstage/plugin-search-react/alpha';\n\nimport { rootRouteRef } from './plugin';\nimport { SearchClient } from './apis';\nimport { SearchType } from './components/SearchType';\nimport { UrlUpdater } from './components/SearchPage/SearchPage';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\n\n/** @alpha */\nexport const searchApi = createApiExtension({\n  factory: {\n    api: searchApiRef,\n    deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n    factory: ({\n      identityApi,\n      discoveryApi,\n    }: {\n      identityApi: IdentityApi;\n      discoveryApi: DiscoveryApi;\n    }) => new SearchClient({ discoveryApi, identityApi }),\n  },\n});\n\nconst useSearchPageStyles = makeStyles((theme: Theme) => ({\n  filter: {\n    '& + &': {\n      marginTop: theme.spacing(2.5),\n    },\n  },\n  filters: {\n    padding: theme.spacing(2),\n    marginTop: theme.spacing(2),\n  },\n}));\n\n/** @alpha */\nexport const searchPage = createPageExtension({\n  routeRef: convertLegacyRouteRef(rootRouteRef),\n  configSchema: createSchemaFromZod(z =>\n    z.object({\n      path: z.string().default('/search'),\n      noTrack: z.boolean().default(false),\n    }),\n  ),\n  inputs: {\n    items: createExtensionInput({\n      item: createSearchResultListItemExtension.itemDataRef,\n    }),\n  },\n  loader: async ({ config, inputs }) => {\n    const getResultItemComponent = (result: SearchResult) => {\n      const value = inputs.items.find(item =>\n        item?.output.item.predicate?.(result),\n      );\n      return value?.output.item.component ?? DefaultResultListItem;\n    };\n\n    const Component = () => {\n      const classes = useSearchPageStyles();\n      const { isMobile } = useSidebarPinState();\n      const { types } = useSearch();\n      const catalogApi = useApi(catalogApiRef);\n\n      return (\n        <Page themeId=\"home\">\n          {!isMobile && <Header title=\"Search\" />}\n          <Content>\n            <Grid container direction=\"row\">\n              <Grid item xs={12}>\n                <SearchBar debounceTime={100} />\n              </Grid>\n              {!isMobile && (\n                <Grid item xs={3}>\n                  <SearchType.Accordion\n                    name=\"Result Type\"\n                    defaultValue=\"software-catalog\"\n                    showCounts\n                    types={[\n                      {\n                        value: 'software-catalog',\n                        name: 'Software Catalog',\n                        icon: <CatalogIcon />,\n                      },\n                      {\n                        value: 'techdocs',\n                        name: 'Documentation',\n                        icon: <DocsIcon />,\n                      },\n                    ]}\n                  />\n                  <Paper className={classes.filters}>\n                    {types.includes('techdocs') && (\n                      <SearchFilter.Select\n                        className={classes.filter}\n                        label=\"Entity\"\n                        name=\"name\"\n                        values={async () => {\n                          // Return a list of entities which are documented.\n                          const { items } = await catalogApi.getEntities({\n                            fields: ['metadata.name'],\n                            filter: {\n                              'metadata.annotations.backstage.io/techdocs-ref':\n                                CATALOG_FILTER_EXISTS,\n                            },\n                          });\n\n                          const names = items.map(\n                            entity => entity.metadata.name,\n                          );\n                          names.sort();\n                          return names;\n                        }}\n                      />\n                    )}\n                    <SearchFilter.Select\n                      className={classes.filter}\n                      label=\"Kind\"\n                      name=\"kind\"\n                      values={['Component', 'Template']}\n                    />\n                    <SearchFilter.Checkbox\n                      className={classes.filter}\n                      label=\"Lifecycle\"\n                      name=\"lifecycle\"\n                      values={['experimental', 'production']}\n                    />\n                  </Paper>\n                </Grid>\n              )}\n              <Grid item xs>\n                <SearchPagination />\n                <SearchResults>\n                  {({ results }) => (\n                    <>\n                      {results.map((result, index) => {\n                        const { noTrack } = config;\n                        const { document, ...rest } = result;\n                        const SearchResultListItem =\n                          getResultItemComponent(result);\n                        return (\n                          <SearchResultListItem\n                            {...rest}\n                            key={index}\n                            result={document}\n                            noTrack={noTrack}\n                          />\n                        );\n                      })}\n                    </>\n                  )}\n                </SearchResults>\n                <SearchResultPager />\n              </Grid>\n            </Grid>\n          </Content>\n        </Page>\n      );\n    };\n\n    return compatWrapper(\n      <SearchContextProvider>\n        <UrlUpdater />\n        <Component />\n      </SearchContextProvider>,\n    );\n  },\n});\n\n/** @alpha */\nexport const searchNavItem = createNavItemExtension({\n  routeRef: convertLegacyRouteRef(rootRouteRef),\n  title: 'Search',\n  icon: SearchIcon,\n});\n\n/** @alpha */\nexport default createPlugin({\n  id: 'search',\n  extensions: [searchApi, searchPage, searchNavItem],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef,\n  }),\n});\n"],"names":["_a","SearchResults"],"mappings":"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"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 from 'react';\n\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport SearchIcon from '@material-ui/icons/Search';\n\nimport {\n  CatalogIcon,\n  Content,\n  DocsIcon,\n  Header,\n  Page,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport {\n  useApi,\n  DiscoveryApi,\n  IdentityApi,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport {\n  createPlugin,\n  createApiExtension,\n  createPageExtension,\n  createExtensionInput,\n  createNavItemExtension,\n  createSchemaFromZod,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  catalogApiRef,\n  CATALOG_FILTER_EXISTS,\n} from '@backstage/plugin-catalog-react';\n\nimport {\n  DefaultResultListItem,\n  SearchBar,\n  SearchFilter,\n  SearchPagination,\n  SearchResult as SearchResults,\n  SearchResultPager,\n  useSearch,\n  SearchContextProvider,\n} from '@backstage/plugin-search-react';\nimport { SearchResult } from '@backstage/plugin-search-common';\nimport { searchApiRef } from '@backstage/plugin-search-react';\nimport { createSearchResultListItemExtension } from '@backstage/plugin-search-react/alpha';\n\nimport { rootRouteRef } from './plugin';\nimport { SearchClient } from './apis';\nimport { SearchType } from './components/SearchType';\nimport { UrlUpdater } from './components/SearchPage/SearchPage';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n  convertLegacyRouteRefs,\n} from '@backstage/core-compat-api';\n\n/** @alpha */\nexport const searchApi = createApiExtension({\n  factory: {\n    api: searchApiRef,\n    deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n    factory: ({\n      identityApi,\n      discoveryApi,\n    }: {\n      identityApi: IdentityApi;\n      discoveryApi: DiscoveryApi;\n    }) => new SearchClient({ discoveryApi, identityApi }),\n  },\n});\n\nconst useSearchPageStyles = makeStyles((theme: Theme) => ({\n  filter: {\n    '& + &': {\n      marginTop: theme.spacing(2.5),\n    },\n  },\n  filters: {\n    padding: theme.spacing(2),\n    marginTop: theme.spacing(2),\n  },\n}));\n\n/** @alpha */\nexport const searchPage = createPageExtension({\n  routeRef: convertLegacyRouteRef(rootRouteRef),\n  configSchema: createSchemaFromZod(z =>\n    z.object({\n      path: z.string().default('/search'),\n      noTrack: z.boolean().default(false),\n    }),\n  ),\n  inputs: {\n    items: createExtensionInput({\n      item: createSearchResultListItemExtension.itemDataRef,\n    }),\n  },\n  loader: async ({ config, inputs }) => {\n    const getResultItemComponent = (result: SearchResult) => {\n      const value = inputs.items.find(item =>\n        item?.output.item.predicate?.(result),\n      );\n      return value?.output.item.component ?? DefaultResultListItem;\n    };\n\n    const Component = () => {\n      const classes = useSearchPageStyles();\n      const { isMobile } = useSidebarPinState();\n      const { types } = useSearch();\n      const catalogApi = useApi(catalogApiRef);\n\n      return (\n        <Page themeId=\"home\">\n          {!isMobile && <Header title=\"Search\" />}\n          <Content>\n            <Grid container direction=\"row\">\n              <Grid item xs={12}>\n                <SearchBar debounceTime={100} />\n              </Grid>\n              {!isMobile && (\n                <Grid item xs={3}>\n                  <SearchType.Accordion\n                    name=\"Result Type\"\n                    defaultValue=\"software-catalog\"\n                    showCounts\n                    types={[\n                      {\n                        value: 'software-catalog',\n                        name: 'Software Catalog',\n                        icon: <CatalogIcon />,\n                      },\n                      {\n                        value: 'techdocs',\n                        name: 'Documentation',\n                        icon: <DocsIcon />,\n                      },\n                    ]}\n                  />\n                  <Paper className={classes.filters}>\n                    {types.includes('techdocs') && (\n                      <SearchFilter.Select\n                        className={classes.filter}\n                        label=\"Entity\"\n                        name=\"name\"\n                        values={async () => {\n                          // Return a list of entities which are documented.\n                          const { items } = await catalogApi.getEntities({\n                            fields: ['metadata.name'],\n                            filter: {\n                              'metadata.annotations.backstage.io/techdocs-ref':\n                                CATALOG_FILTER_EXISTS,\n                            },\n                          });\n\n                          const names = items.map(\n                            entity => entity.metadata.name,\n                          );\n                          names.sort();\n                          return names;\n                        }}\n                      />\n                    )}\n                    <SearchFilter.Select\n                      className={classes.filter}\n                      label=\"Kind\"\n                      name=\"kind\"\n                      values={['Component', 'Template']}\n                    />\n                    <SearchFilter.Checkbox\n                      className={classes.filter}\n                      label=\"Lifecycle\"\n                      name=\"lifecycle\"\n                      values={['experimental', 'production']}\n                    />\n                  </Paper>\n                </Grid>\n              )}\n              <Grid item xs>\n                <SearchPagination />\n                <SearchResults>\n                  {({ results }) => (\n                    <>\n                      {results.map((result, index) => {\n                        const { noTrack } = config;\n                        const { document, ...rest } = result;\n                        const SearchResultListItem =\n                          getResultItemComponent(result);\n                        return (\n                          <SearchResultListItem\n                            {...rest}\n                            key={index}\n                            result={document}\n                            noTrack={noTrack}\n                          />\n                        );\n                      })}\n                    </>\n                  )}\n                </SearchResults>\n                <SearchResultPager />\n              </Grid>\n            </Grid>\n          </Content>\n        </Page>\n      );\n    };\n\n    return compatWrapper(\n      <SearchContextProvider>\n        <UrlUpdater />\n        <Component />\n      </SearchContextProvider>,\n    );\n  },\n});\n\n/** @alpha */\nexport const searchNavItem = createNavItemExtension({\n  routeRef: convertLegacyRouteRef(rootRouteRef),\n  title: 'Search',\n  icon: SearchIcon,\n});\n\n/** @alpha */\nexport default createPlugin({\n  id: 'search',\n  extensions: [searchApi, searchPage, searchNavItem],\n  routes: convertLegacyRouteRefs({\n    root: rootRouteRef,\n  }),\n});\n"],"names":["_a","SearchResults"],"mappings":"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"}

package/dist/apis.esm.js

@@ -0,0 +1,34 @@
+import { ResponseError } from '@backstage/errors';
+import qs from 'qs';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SearchClient {
+  constructor(options) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "identityApi");
+    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();
+  }
+}
+
+export { SearchClient };
+//# sourceMappingURL=apis.esm.js.map

package/dist/apis.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.esm.js","sources":["../src/apis.ts"],"sourcesContent":["/*\n * Copyright 2020 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 { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport { SearchApi } from '@backstage/plugin-search-react';\nimport { SearchQuery, SearchResultSet } from '@backstage/plugin-search-common';\n\nimport qs from 'qs';\n\nexport class SearchClient implements SearchApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly identityApi: IdentityApi;\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    identityApi: IdentityApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.identityApi = options.identityApi;\n  }\n\n  async query(query: SearchQuery): Promise<SearchResultSet> {\n    const { token } = await this.identityApi.getCredentials();\n    const queryString = qs.stringify(query);\n    const url = `${await this.discoveryApi.getBaseUrl(\n      'search',\n    )}/query?${queryString}`;\n    const response = await fetch(url, {\n      headers: token ? { Authorization: `Bearer ${token}` } : {},\n    });\n\n    if (!response.ok) {\n      throw await ResponseError.fromResponse(response);\n    }\n\n    return response.json();\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAuBO,MAAM,YAAkC,CAAA;AAAA,EAI7C,YAAY,OAGT,EAAA;AANH,IAAiB,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AAMf,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,MAAM,KAA8C,EAAA;AACxD,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AACxD,IAAM,MAAA,WAAA,GAAc,EAAG,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACtC,IAAA,MAAM,GAAM,GAAA,CAAA,EAAG,MAAM,IAAA,CAAK,YAAa,CAAA,UAAA;AAAA,MACrC,QAAA;AAAA,KACD,UAAU,WAAW,CAAA,CAAA,CAAA;AACtB,IAAM,MAAA,QAAA,GAAW,MAAM,KAAA,CAAM,GAAK,EAAA;AAAA,MAChC,OAAA,EAAS,QAAQ,EAAE,aAAA,EAAe,UAAU,KAAK,CAAA,CAAA,KAAO,EAAC;AAAA,KAC1D,CAAA,CAAA;AAED,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,QAAQ,CAAA,CAAA;AAAA,KACjD;AAEA,IAAA,OAAO,SAAS,IAAK,EAAA,CAAA;AAAA,GACvB;AACF;;;;"}

package/dist/components/HomePageComponent/HomePageSearchBar.esm.js

@@ -0,0 +1,46 @@
+import React, { useState, useRef, useCallback } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { SearchBarBase } from '@backstage/plugin-search-react';
+import { useNavigateToQuery } from '../util.esm.js';
+
+const useStyles = makeStyles({
+  searchBarRoot: {
+    fontSize: "1.5em"
+  },
+  searchBarOutline: {
+    border: "1px solid #555",
+    borderRadius: "6px"
+  }
+});
+const HomePageSearchBar = (props) => {
+  var _a;
+  const classes = useStyles(props);
+  const [query, setQuery] = useState("");
+  const ref = useRef(null);
+  const handleSearch = useNavigateToQuery();
+  const handleSubmit = useCallback(() => {
+    var _a2, _b;
+    handleSearch({ query: (_b = (_a2 = ref.current) == null ? void 0 : _a2.value) != null ? _b : "" });
+  }, [handleSearch]);
+  return /* @__PURE__ */ React.createElement(
+    SearchBarBase,
+    {
+      value: query,
+      onSubmit: handleSubmit,
+      onChange: setQuery,
+      inputProps: { ref },
+      InputProps: {
+        ...props.InputProps,
+        classes: {
+          root: classes.searchBarRoot,
+          notchedOutline: classes.searchBarOutline,
+          ...(_a = props.InputProps) == null ? void 0 : _a.classes
+        }
+      },
+      ...props
+    }
+  );
+};
+
+export { HomePageSearchBar };
+//# sourceMappingURL=HomePageSearchBar.esm.js.map

package/dist/components/HomePageComponent/HomePageSearchBar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageSearchBar.esm.js","sources":["../../../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 */\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n  SearchBarBase,\n  SearchBarBaseProps,\n} from '@backstage/plugin-search-react';\nimport { useNavigateToQuery } from '../util';\n\nconst useStyles = makeStyles({\n  searchBarRoot: {\n    fontSize: '1.5em',\n  },\n  searchBarOutline: {\n    border: '1px solid #555',\n    borderRadius: '6px',\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 */\nexport const HomePageSearchBar = (props: HomePageSearchBarProps) => {\n  const classes = useStyles(props);\n  const [query, setQuery] = useState('');\n  const ref = useRef<HTMLInputElement | null>(null);\n\n  const handleSearch = useNavigateToQuery();\n\n  // This handler is called when \"enter\" is pressed\n  const handleSubmit = useCallback(() => {\n    // Using ref to get the current field value without waiting for a query debounce\n    handleSearch({ query: ref.current?.value ?? '' });\n  }, [handleSearch]);\n\n  return (\n    <SearchBarBase\n      value={query}\n      onSubmit={handleSubmit}\n      onChange={setQuery}\n      inputProps={{ ref }}\n      InputProps={{\n        ...props.InputProps,\n        classes: {\n          root: classes.searchBarRoot,\n          notchedOutline: classes.searchBarOutline,\n          ...props.InputProps?.classes,\n        },\n      }}\n      {...props}\n    />\n  );\n};\n"],"names":["_a"],"mappings":";;;;;AAwBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,aAAe,EAAA;AAAA,IACb,QAAU,EAAA,OAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,MAAQ,EAAA,gBAAA;AAAA,IACR,YAAc,EAAA,KAAA;AAAA,GAChB;AACF,CAAC,CAAA,CAAA;AAcY,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AA9CpE,EAAA,IAAA,EAAA,CAAA;AA+CE,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA,CAAA;AACrC,EAAM,MAAA,GAAA,GAAM,OAAgC,IAAI,CAAA,CAAA;AAEhD,EAAA,MAAM,eAAe,kBAAmB,EAAA,CAAA;AAGxC,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AAtDzC,IAAA,IAAAA,GAAA,EAAA,EAAA,CAAA;AAwDI,IAAa,YAAA,CAAA,EAAE,KAAO,EAAA,CAAA,EAAA,GAAA,CAAAA,GAAA,GAAA,GAAA,CAAI,OAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAa,CAAA,KAAA,KAAb,IAAsB,GAAA,EAAA,GAAA,EAAA,EAAI,CAAA,CAAA;AAAA,GAClD,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,QAAU,EAAA,QAAA;AAAA,MACV,UAAA,EAAY,EAAE,GAAI,EAAA;AAAA,MAClB,UAAY,EAAA;AAAA,QACV,GAAG,KAAM,CAAA,UAAA;AAAA,QACT,OAAS,EAAA;AAAA,UACP,MAAM,OAAQ,CAAA,aAAA;AAAA,UACd,gBAAgB,OAAQ,CAAA,gBAAA;AAAA,UACxB,GAAA,CAAG,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}

package/dist/components/HomePageComponent/index.esm.js

@@ -0,0 +1,2 @@
+export { HomePageSearchBar } from './HomePageSearchBar.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/HomePageComponent/index.esm.js.map

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

package/dist/{esm/useSearchModal-CaX46YAs.esm.js → components/SearchModal/SearchModal.esm.js}

@@ -13,11 +13,9 @@ import Button from '@material-ui/core/Button';
 import IconButton from '@material-ui/core/IconButton';
 import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
 import CloseIcon from '@material-ui/icons/Close';
-import React, { useRef, useEffect, useCallback, useState, useContext } from 'react';
-import { useNavigate, useLocation } from 'react-router-dom';
-import { r as rootRouteRef } from './SearchType-BDK6qMj4.esm.js';
-import { createVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';
-import useUpdateEffect from 'react-use/esm/useUpdateEffect';
+import React, { useRef, useEffect, useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { rootRouteRef } from '../../plugin.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   dialogTitle: {
@@ -117,44 +115,5 @@ const SearchModal = (props) => {
   );
 };
 
-const SearchModalContext = createVersionedContext("search-modal-context");
-const SearchModalProvider = (props) => {
-  const value = useSearchModal(props.showInitially);
-  const versionedValue = createVersionedValueMap({ 1: value });
-  return /* @__PURE__ */ React.createElement(SearchModalContext.Provider, { value: versionedValue }, props.children);
-};
-function useSearchModal(initialState = false) {
-  const [state, setState] = useState({
-    hidden: !initialState,
-    open: initialState
-  });
-  const toggleModal = useCallback(
-    () => setState((prevState) => ({
-      open: true,
-      hidden: !prevState.hidden
-    })),
-    []
-  );
-  const setOpen = useCallback(
-    (open) => setState((prevState) => ({
-      open: prevState.open || open,
-      hidden: !open
-    })),
-    []
-  );
-  const parentContext = useContext(SearchModalContext);
-  const parentContextValue = parentContext == null ? void 0 : parentContext.atVersion(1);
-  const isParentContextPresent = !!(parentContextValue == null ? void 0 : parentContextValue.state);
-  const location = useLocation();
-  const locationKey = `${location.pathname}${location.search}${location.hash}`;
-  useUpdateEffect(() => {
-    setState((prevState) => ({
-      open: prevState.open,
-      hidden: true
-    }));
-  }, [locationKey]);
-  return isParentContextPresent ? parentContextValue : { state, toggleModal, setOpen };
-}
-
-export { SearchModal as S, SearchModalProvider as a, useSearchModal as u };
-//# sourceMappingURL=useSearchModal-CaX46YAs.esm.js.map
+export { Modal, SearchModal };
+//# sourceMappingURL=SearchModal.esm.js.map

package/dist/components/SearchModal/SearchModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchModal.esm.js","sources":["../../../src/components/SearchModal/SearchModal.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 { useContent } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  SearchBar,\n  SearchContextProvider,\n  SearchResult,\n  SearchResultPager,\n} from '@backstage/plugin-search-react';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport { useTheme } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport CloseIcon from '@material-ui/icons/Close';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nimport { rootRouteRef } from '../../plugin';\n\n/**\n * @public\n */\nexport interface SearchModalChildrenProps {\n  /**\n   * A function that should be invoked when navigating away from the modal.\n   */\n  toggleModal: () => void;\n}\n\n/**\n * @public\n */\nexport interface SearchModalProps {\n  /**\n   * If true, it renders the modal.\n   */\n  open?: boolean;\n  /**\n   * This is supposed to be used together with the open prop.\n   * If `hidden` is true, it hides the modal.\n   * If `open` is false, the value of `hidden` has no effect on the modal.\n   * Use `open` for controlling whether the modal should be rendered or not.\n   */\n  hidden?: boolean;\n  /**\n   * a function invoked when a search item is pressed or when the dialog\n   * should be closed.\n   */\n  toggleModal: () => void;\n  /**\n   * A function that returns custom content to render in the search modal in\n   * place of the default.\n   */\n  children?: (props: SearchModalChildrenProps) => JSX.Element;\n}\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitle: {\n    gap: theme.spacing(1),\n    display: 'grid',\n    alignItems: 'center',\n    gridTemplateColumns: '1fr auto',\n    '&> button': {\n      marginTop: theme.spacing(1),\n    },\n  },\n  input: {\n    flex: 1,\n  },\n  button: {\n    '&:hover': {\n      background: 'none',\n    },\n  },\n  // Reduces default height of the modal, keeping a gap of 128px between the top and bottom of the page.\n  paperFullWidth: { height: 'calc(100% - 128px)' },\n  dialogActionsContainer: { padding: theme.spacing(1, 3) },\n  viewResultsLink: { verticalAlign: '0.5em' },\n}));\n\nexport const Modal = ({ toggleModal }: SearchModalChildrenProps) => {\n  const classes = useStyles();\n  const navigate = useNavigate();\n  const { transitions } = useTheme();\n  const { focusContent } = useContent();\n\n  const searchRootRoute = useRouteRef(rootRouteRef)();\n  const searchBarRef = useRef<HTMLInputElement | null>(null);\n\n  useEffect(() => {\n    searchBarRef?.current?.focus();\n  });\n\n  const handleSearchResultClick = useCallback(() => {\n    setTimeout(focusContent, transitions.duration.leavingScreen);\n  }, [focusContent, transitions]);\n\n  // This handler is called when \"enter\" is pressed\n  const handleSearchBarSubmit = useCallback(() => {\n    // Using ref to get the current field value without waiting for a query debounce\n    const query = searchBarRef.current?.value ?? '';\n    navigate(`${searchRootRoute}?query=${query}`);\n    handleSearchResultClick();\n  }, [navigate, handleSearchResultClick, searchRootRoute]);\n\n  return (\n    <>\n      <DialogTitle>\n        <Box className={classes.dialogTitle}>\n          <SearchBar\n            className={classes.input}\n            inputProps={{ ref: searchBarRef }}\n            onSubmit={handleSearchBarSubmit}\n          />\n\n          <IconButton aria-label=\"close\" onClick={toggleModal}>\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent>\n        <Grid\n          container\n          direction=\"row-reverse\"\n          justifyContent=\"flex-start\"\n          alignItems=\"center\"\n        >\n          <Grid item>\n            <Button\n              className={classes.button}\n              color=\"primary\"\n              endIcon={<ArrowForwardIcon />}\n              onClick={handleSearchBarSubmit}\n              disableRipple\n            >\n              View Full Results\n            </Button>\n          </Grid>\n        </Grid>\n        <Divider />\n        <SearchResult\n          onClick={handleSearchResultClick}\n          onKeyDown={handleSearchResultClick}\n        />\n      </DialogContent>\n      <DialogActions className={classes.dialogActionsContainer}>\n        <Grid container direction=\"row\">\n          <Grid item xs={12}>\n            <SearchResultPager />\n          </Grid>\n        </Grid>\n      </DialogActions>\n    </>\n  );\n};\n\n/**\n * @public\n */\nexport const SearchModal = (props: SearchModalProps) => {\n  const { open = true, hidden, toggleModal, children } = props;\n\n  const classes = useStyles();\n\n  return (\n    <Dialog\n      classes={{\n        paperFullWidth: classes.paperFullWidth,\n      }}\n      onClose={toggleModal}\n      aria-labelledby=\"search-modal-title\"\n      fullWidth\n      maxWidth=\"lg\"\n      open={open}\n      hidden={hidden}\n    >\n      {open && (\n        <SearchContextProvider inheritParentContextIfAvailable>\n          {(children && children({ toggleModal })) ?? (\n            <Modal toggleModal={toggleModal} />\n          )}\n        </SearchContextProvider>\n      )}\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SearchModal/useSearchModal.esm.js

@@ -0,0 +1,46 @@
+import React, { useState, useCallback, useContext } from 'react';
+import { useLocation } from 'react-router-dom';
+import { createVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';
+import useUpdateEffect from 'react-use/esm/useUpdateEffect';
+
+const SearchModalContext = createVersionedContext("search-modal-context");
+const SearchModalProvider = (props) => {
+  const value = useSearchModal(props.showInitially);
+  const versionedValue = createVersionedValueMap({ 1: value });
+  return /* @__PURE__ */ React.createElement(SearchModalContext.Provider, { value: versionedValue }, props.children);
+};
+function useSearchModal(initialState = false) {
+  const [state, setState] = useState({
+    hidden: !initialState,
+    open: initialState
+  });
+  const toggleModal = useCallback(
+    () => setState((prevState) => ({
+      open: true,
+      hidden: !prevState.hidden
+    })),
+    []
+  );
+  const setOpen = useCallback(
+    (open) => setState((prevState) => ({
+      open: prevState.open || open,
+      hidden: !open
+    })),
+    []
+  );
+  const parentContext = useContext(SearchModalContext);
+  const parentContextValue = parentContext == null ? void 0 : parentContext.atVersion(1);
+  const isParentContextPresent = !!(parentContextValue == null ? void 0 : parentContextValue.state);
+  const location = useLocation();
+  const locationKey = `${location.pathname}${location.search}${location.hash}`;
+  useUpdateEffect(() => {
+    setState((prevState) => ({
+      open: prevState.open,
+      hidden: true
+    }));
+  }, [locationKey]);
+  return isParentContextPresent ? parentContextValue : { state, toggleModal, setOpen };
+}
+
+export { SearchModalProvider, useSearchModal };
+//# sourceMappingURL=useSearchModal.esm.js.map

package/dist/components/SearchModal/useSearchModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchModal.esm.js","sources":["../../../src/components/SearchModal/useSearchModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 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, { ReactNode, useCallback, useContext, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport {\n  createVersionedContext,\n  createVersionedValueMap,\n} from '@backstage/version-bridge';\nimport useUpdateEffect from 'react-use/esm/useUpdateEffect';\n\n/**\n * The state of the search modal, as well as functions for changing the modal's\n * visibility.\n *\n * @public\n */\nexport type SearchModalValue = {\n  state: {\n    hidden: boolean;\n    open: boolean;\n  };\n  toggleModal: () => void;\n  setOpen: (open: boolean) => void;\n};\n\nconst SearchModalContext = createVersionedContext<{\n  1: SearchModalValue | undefined;\n}>('search-modal-context');\n\n/**\n * Props for the SearchModalProvider.\n * @public\n */\nexport type SearchModalProviderProps = {\n  /**\n   * Children which should have access to the SearchModal context and the\n   * associated useSearchModal() hook.\n   */\n  children: ReactNode;\n\n  /**\n   * Pass true if the modal should be rendered initially.\n   */\n  showInitially?: boolean;\n};\n\n/**\n * A context provider responsible for storing and managing state related to the\n * search modal.\n *\n * @remarks\n * If you need to control visibility of the search toggle outside of the modal\n * itself, you can optionally place this higher up in the react tree where your\n * custom code and the search modal share the same context.\n *\n * @example\n * ```tsx\n * import {\n *   SearchModalProvider,\n *   SidebarSearchModal,\n * } from '@backstage/plugin-search';\n *\n * // ...\n *\n * <SearchModalProvider>\n *   <KeyboardShortcutSearchToggler />\n *   <SidebarSearchModal>\n *     {({ toggleModal }) => <SearchModal toggleModal={toggleModal} />}\n *   </SidebarSearchModal>\n * </SearchModalProvider>\n * ```\n *\n * @public\n */\nexport const SearchModalProvider = (props: SearchModalProviderProps) => {\n  const value = useSearchModal(props.showInitially);\n  const versionedValue = createVersionedValueMap({ 1: value });\n  return (\n    <SearchModalContext.Provider value={versionedValue}>\n      {props.children}\n    </SearchModalContext.Provider>\n  );\n};\n\n/**\n * Use this hook to manage the state of {@link SearchModal}\n * and change its visibility. Monitors route changes setting the hidden state\n * to avoid having to call toggleModal on every result click.\n *\n * @public\n *\n * @param initialState - pass `true` to make the modal initially visible\n * @returns an object containing the state of the modal together with\n * functions for changing the visibility of the modal.\n */\nexport function useSearchModal(initialState = false) {\n  const [state, setState] = useState({\n    hidden: !initialState,\n    open: initialState,\n  });\n\n  const toggleModal = useCallback(\n    () =>\n      setState(prevState => ({\n        open: true,\n        hidden: !prevState.hidden,\n      })),\n    [],\n  );\n\n  const setOpen = useCallback(\n    (open: boolean) =>\n      setState(prevState => ({\n        open: prevState.open || open,\n        hidden: !open,\n      })),\n    [],\n  );\n\n  // Check for any existing parent context.\n  const parentContext = useContext(SearchModalContext);\n  const parentContextValue = parentContext?.atVersion(1);\n  const isParentContextPresent = !!parentContextValue?.state;\n\n  // Monitor route changes to automatically hide the modal.\n  const location = useLocation();\n  const locationKey = `${location.pathname}${location.search}${location.hash}`;\n  useUpdateEffect(() => {\n    setState(prevState => ({\n      open: prevState.open,\n      hidden: true,\n    }));\n  }, [locationKey]);\n\n  // Inherit from parent context, if set.\n  return isParentContextPresent\n    ? parentContextValue\n    : { state, toggleModal, setOpen };\n}\n"],"names":[],"mappings":";;;;;AAuCA,MAAM,kBAAA,GAAqB,uBAExB,sBAAsB,CAAA,CAAA;AA+CZ,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAM,MAAA,KAAA,GAAQ,cAAe,CAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAChD,EAAA,MAAM,cAAiB,GAAA,uBAAA,CAAwB,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA;AAC3D,EAAA,2CACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAO,EAAA,cAAA,EAAA,EACjC,MAAM,QACT,CAAA,CAAA;AAEJ,EAAA;AAagB,SAAA,cAAA,CAAe,eAAe,KAAO,EAAA;AACnD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAS,CAAA;AAAA,IACjC,QAAQ,CAAC,YAAA;AAAA,IACT,IAAM,EAAA,YAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,MACE,SAAS,CAAc,SAAA,MAAA;AAAA,MACrB,IAAM,EAAA,IAAA;AAAA,MACN,MAAA,EAAQ,CAAC,SAAU,CAAA,MAAA;AAAA,KACnB,CAAA,CAAA;AAAA,IACJ,EAAC;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,IACC,KAAA,QAAA,CAAS,CAAc,SAAA,MAAA;AAAA,MACrB,IAAA,EAAM,UAAU,IAAQ,IAAA,IAAA;AAAA,MACxB,QAAQ,CAAC,IAAA;AAAA,KACT,CAAA,CAAA;AAAA,IACJ,EAAC;AAAA,GACH,CAAA;AAGA,EAAM,MAAA,aAAA,GAAgB,WAAW,kBAAkB,CAAA,CAAA;AACnD,EAAM,MAAA,kBAAA,GAAqB,+CAAe,SAAU,CAAA,CAAA,CAAA,CAAA;AACpD,EAAM,MAAA,sBAAA,GAAyB,CAAC,EAAC,kBAAoB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,KAAA,CAAA,CAAA;AAGrD,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,WAAA,GAAc,GAAG,QAAS,CAAA,QAAQ,GAAG,QAAS,CAAA,MAAM,CAAG,EAAA,QAAA,CAAS,IAAI,CAAA,CAAA,CAAA;AAC1E,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,QAAA,CAAS,CAAc,SAAA,MAAA;AAAA,MACrB,MAAM,SAAU,CAAA,IAAA;AAAA,MAChB,MAAQ,EAAA,IAAA;AAAA,KACR,CAAA,CAAA,CAAA;AAAA,GACJ,EAAG,CAAC,WAAW,CAAC,CAAA,CAAA;AAGhB,EAAA,OAAO,sBACH,GAAA,kBAAA,GACA,EAAE,KAAA,EAAO,aAAa,OAAQ,EAAA,CAAA;AACpC;;;;"}

package/dist/components/SearchPage/SearchPage.esm.js

@@ -0,0 +1,59 @@
+import React, { useEffect } from 'react';
+import usePrevious from 'react-use/esm/usePrevious';
+import qs from 'qs';
+import { useOutlet, useLocation } from 'react-router-dom';
+import { SearchContextProvider, useSearch } from '@backstage/plugin-search-react';
+
+const UrlUpdater = () => {
+  const location = useLocation();
+  const {
+    term,
+    setTerm,
+    types,
+    setTypes,
+    pageCursor,
+    setPageCursor,
+    filters,
+    setFilters
+  } = useSearch();
+  const prevQueryParams = usePrevious(location.search);
+  useEffect(() => {
+    if (location.search === prevQueryParams) {
+      return;
+    }
+    const query = qs.parse(location.search.substring(1), { arrayLimit: 0 }) || {};
+    if (query.filters) {
+      setFilters(query.filters);
+    }
+    if (query.query) {
+      setTerm(query.query);
+    }
+    if (query.pageCursor) {
+      setPageCursor(query.pageCursor);
+    }
+    if (query.types) {
+      setTypes(query.types);
+    }
+  }, [prevQueryParams, location, setTerm, setTypes, setPageCursor, setFilters]);
+  useEffect(() => {
+    const newParams = qs.stringify(
+      {
+        query: term,
+        types,
+        pageCursor,
+        filters
+      },
+      { arrayFormat: "brackets" }
+    );
+    const newUrl = `${window.location.pathname}?${newParams}`;
+    window.history.replaceState(null, document.title, newUrl);
+  }, [term, types, pageCursor, filters]);
+  return null;
+};
+const SearchPage = () => {
+  const outlet = useOutlet();
+  return /* @__PURE__ */ React.createElement(SearchContextProvider, null, /* @__PURE__ */ React.createElement(UrlUpdater, null), outlet);
+};
+
+export { SearchPage, UrlUpdater };
+//# sourceMappingURL=SearchPage.esm.js.map

package/dist/components/SearchPage/SearchPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage.esm.js","sources":["../../../src/components/SearchPage/SearchPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 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, { useEffect } from 'react';\nimport usePrevious from 'react-use/esm/usePrevious';\nimport qs from 'qs';\nimport { useLocation, useOutlet } from 'react-router-dom';\nimport {\n  SearchContextProvider,\n  useSearch,\n} from '@backstage/plugin-search-react';\nimport { JsonObject } from '@backstage/types';\n\nexport const UrlUpdater = () => {\n  const location = useLocation();\n  const {\n    term,\n    setTerm,\n    types,\n    setTypes,\n    pageCursor,\n    setPageCursor,\n    filters,\n    setFilters,\n  } = useSearch();\n\n  const prevQueryParams = usePrevious(location.search);\n  useEffect(() => {\n    // Only respond to changes to url query params\n    if (location.search === prevQueryParams) {\n      return;\n    }\n\n    const query =\n      qs.parse(location.search.substring(1), { arrayLimit: 0 }) || {};\n\n    if (query.filters) {\n      setFilters(query.filters as JsonObject);\n    }\n\n    if (query.query) {\n      setTerm(query.query as string);\n    }\n\n    if (query.pageCursor) {\n      setPageCursor(query.pageCursor as string);\n    }\n\n    if (query.types) {\n      setTypes(query.types as string[]);\n    }\n  }, [prevQueryParams, location, setTerm, setTypes, setPageCursor, setFilters]);\n\n  useEffect(() => {\n    const newParams = qs.stringify(\n      {\n        query: term,\n        types,\n        pageCursor,\n        filters,\n      },\n      { arrayFormat: 'brackets' },\n    );\n    const newUrl = `${window.location.pathname}?${newParams}`;\n\n    // We directly manipulate window history here in order to not re-render\n    // infinitely (state => location => state => etc). The intention of this\n    // code is just to ensure the right query/filters are loaded when a user\n    // clicks the \"back\" button after clicking a result.\n    window.history.replaceState(null, document.title, newUrl);\n  }, [term, types, pageCursor, filters]);\n\n  return null;\n};\n\n/**\n * @public\n */\nexport const SearchPage = () => {\n  const outlet = useOutlet();\n\n  return (\n    <SearchContextProvider>\n      <UrlUpdater />\n      {outlet}\n    </SearchContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,MACE,SAAU,EAAA,CAAA;AAEd,EAAM,MAAA,eAAA,GAAkB,WAAY,CAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AACnD,EAAA,SAAA,CAAU,MAAM;AAEd,IAAI,IAAA,QAAA,CAAS,WAAW,eAAiB,EAAA;AACvC,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,MAAM,KACJ,GAAA,EAAA,CAAG,KAAM,CAAA,QAAA,CAAS,MAAO,CAAA,SAAA,CAAU,CAAC,CAAA,EAAG,EAAE,UAAA,EAAY,CAAE,EAAC,KAAK,EAAC,CAAA;AAEhE,IAAA,IAAI,MAAM,OAAS,EAAA;AACjB,MAAA,UAAA,CAAW,MAAM,OAAqB,CAAA,CAAA;AAAA,KACxC;AAEA,IAAA,IAAI,MAAM,KAAO,EAAA;AACf,MAAA,OAAA,CAAQ,MAAM,KAAe,CAAA,CAAA;AAAA,KAC/B;AAEA,IAAA,IAAI,MAAM,UAAY,EAAA;AACpB,MAAA,aAAA,CAAc,MAAM,UAAoB,CAAA,CAAA;AAAA,KAC1C;AAEA,IAAA,IAAI,MAAM,KAAO,EAAA;AACf,MAAA,QAAA,CAAS,MAAM,KAAiB,CAAA,CAAA;AAAA,KAClC;AAAA,GACF,EAAG,CAAC,eAAiB,EAAA,QAAA,EAAU,SAAS,QAAU,EAAA,aAAA,EAAe,UAAU,CAAC,CAAA,CAAA;AAE5E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,EAAG,CAAA,SAAA;AAAA,MACnB;AAAA,QACE,KAAO,EAAA,IAAA;AAAA,QACP,KAAA;AAAA,QACA,UAAA;AAAA,QACA,OAAA;AAAA,OACF;AAAA,MACA,EAAE,aAAa,UAAW,EAAA;AAAA,KAC5B,CAAA;AACA,IAAA,MAAM,SAAS,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,QAAQ,IAAI,SAAS,CAAA,CAAA,CAAA;AAMvD,IAAA,MAAA,CAAO,OAAQ,CAAA,YAAA,CAAa,IAAM,EAAA,QAAA,CAAS,OAAO,MAAM,CAAA,CAAA;AAAA,KACvD,CAAC,IAAA,EAAM,KAAO,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAW,GACX,MACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/SearchPage/index.esm.js

@@ -0,0 +1,2 @@
+export { SearchPage } from './SearchPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/SearchPage/index.esm.js.map

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

package/dist/components/SearchType/SearchType.Accordion.esm.js

@@ -0,0 +1,155 @@
+import React, { useState, useEffect, Fragment, cloneElement } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { useSearch, searchApiRef } from '@backstage/plugin-search-react';
+import Accordion from '@material-ui/core/Accordion';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
+import AccordionDetails from '@material-ui/core/AccordionDetails';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Divider from '@material-ui/core/Divider';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import { makeStyles } from '@material-ui/core/styles';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import AllIcon from '@material-ui/icons/FontDownload';
+import useAsync from 'react-use/esm/useAsync';
+
+const useStyles = makeStyles((theme) => ({
+  card: {
+    backgroundColor: "rgba(0, 0, 0, .11)"
+  },
+  cardContent: {
+    paddingTop: theme.spacing(1)
+  },
+  icon: {
+    color: theme.palette.text.primary
+  },
+  list: {
+    width: "100%"
+  },
+  listItemIcon: {
+    width: "24px",
+    height: "24px"
+  },
+  accordion: {
+    backgroundColor: theme.palette.background.paper
+  },
+  accordionSummary: {
+    minHeight: "auto",
+    "&.Mui-expanded": {
+      minHeight: "auto"
+    }
+  },
+  accordionSummaryContent: {
+    margin: theme.spacing(2, 0),
+    "&.Mui-expanded": {
+      margin: theme.spacing(2, 0)
+    }
+  },
+  accordionDetails: {
+    padding: theme.spacing(0, 0, 1)
+  }
+}));
+const SearchTypeAccordion = (props) => {
+  const classes = useStyles();
+  const { filters, setPageCursor, setTypes, term, types } = useSearch();
+  const searchApi = useApi(searchApiRef);
+  const [expanded, setExpanded] = useState(true);
+  const { defaultValue, name, showCounts, types: givenTypes } = props;
+  const toggleExpanded = () => setExpanded((prevState) => !prevState);
+  const handleClick = (type) => {
+    return () => {
+      setTypes(type !== "" ? [type] : []);
+      setPageCursor(void 0);
+      setExpanded(false);
+    };
+  };
+  useEffect(() => {
+    if (defaultValue) {
+      setTypes([defaultValue]);
+    }
+  }, []);
+  const definedTypes = [
+    {
+      value: "",
+      name: "All",
+      icon: /* @__PURE__ */ React.createElement(AllIcon, null)
+    },
+    ...givenTypes
+  ];
+  const selected = types[0] || "";
+  const { value: resultCounts } = useAsync(async () => {
+    if (!showCounts) {
+      return {};
+    }
+    const counts = await Promise.all(
+      definedTypes.map((t) => t.value).map(async (type) => {
+        const { numberOfResults } = await searchApi.query({
+          term,
+          types: type ? [type] : [],
+          filters: types.includes(type) || !types.length && !type ? filters : {},
+          pageLimit: 0
+        });
+        return [
+          type,
+          numberOfResults !== void 0 ? `${numberOfResults >= 1e4 ? `>10000` : numberOfResults} results` : " -- "
+        ];
+      })
+    );
+    return Object.fromEntries(counts);
+  }, [filters, showCounts, term, types]);
+  return /* @__PURE__ */ React.createElement(Card, { className: classes.card }, /* @__PURE__ */ React.createElement(CardHeader, { title: name, titleTypographyProps: { variant: "overline" } }), /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, /* @__PURE__ */ React.createElement(
+    Accordion,
+    {
+      className: classes.accordion,
+      expanded,
+      onChange: toggleExpanded
+    },
+    /* @__PURE__ */ React.createElement(
+      AccordionSummary,
+      {
+        classes: {
+          root: classes.accordionSummary,
+          content: classes.accordionSummaryContent
+        },
+        expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, { className: classes.icon }),
+        IconButtonProps: { size: "small" }
+      },
+      expanded ? "Collapse" : definedTypes.filter((t) => t.value === selected)[0].name
+    ),
+    /* @__PURE__ */ React.createElement(AccordionDetails, { classes: { root: classes.accordionDetails } }, /* @__PURE__ */ React.createElement(
+      List,
+      {
+        className: classes.list,
+        component: "nav",
+        "aria-label": "filter by type",
+        disablePadding: true,
+        dense: true
+      },
+      definedTypes.map((type) => /* @__PURE__ */ React.createElement(Fragment, { key: type.value }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
+        ListItem,
+        {
+          selected: types[0] === type.value || types.length === 0 && type.value === "",
+          onClick: handleClick(type.value),
+          button: true
+        },
+        /* @__PURE__ */ React.createElement(ListItemIcon, null, cloneElement(type.icon, {
+          className: classes.listItemIcon
+        })),
+        /* @__PURE__ */ React.createElement(
+          ListItemText,
+          {
+            primary: type.name,
+            secondary: resultCounts && resultCounts[type.value]
+          }
+        )
+      )))
+    ))
+  )));
+};
+
+export { SearchTypeAccordion };
+//# sourceMappingURL=SearchType.Accordion.esm.js.map