@backstage/plugin-search 1.7.7 → 1.7.8-next.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage/plugin-search
 
+## 1.7.8-next.1
+
+### Patch Changes
+
+- d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
+- Updated dependencies
+  - @backstage/core-components@0.18.14-next.1
+  - @backstage/frontend-plugin-api@0.18.1-next.0
+  - @backstage/plugin-catalog-react@3.2.3-next.1
+  - @backstage/ui@0.18.0-next.1
+  - @backstage/core-plugin-api@1.12.10-next.0
+  - @backstage/plugin-home-react@0.1.42-next.1
+  - @backstage/plugin-search-react@1.11.8-next.1
+
+## 1.7.8-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/ui@0.17.2-next.0
+  - @backstage/plugin-catalog-react@3.2.2-next.0
+  - @backstage/core-components@0.18.14-next.0
+  - @backstage/plugin-search-react@1.11.8-next.0
+  - @backstage/plugin-home-react@0.1.42-next.0
+
 ## 1.7.7
 
 ### Patch Changes

package/dist/alpha/SearchPage.esm.js

@@ -0,0 +1,123 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import Grid from '@material-ui/core/Grid';
+import Paper from '@material-ui/core/Paper';
+import { makeStyles } from '@material-ui/core/styles';
+import { useSidebarPinState, Content, CatalogIcon } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { configApiRef } from '@backstage/frontend-plugin-api';
+import { catalogApiRef, CATALOG_FILTER_EXISTS } from '@backstage/plugin-catalog-react';
+import { SearchContextProvider, useSearch, SearchBar, SearchFilter, SearchPagination, SearchResult, SearchResultPager, DefaultResultListItem } from '@backstage/plugin-search-react';
+import { SearchType } from '../components/SearchType/SearchType.esm.js';
+import { UrlUpdater } from '../components/SearchPage/SearchPage.esm.js';
+
+const useSearchPageStyles = makeStyles((theme) => ({
+  filter: {
+    "& + &": {
+      marginTop: theme.spacing(2.5)
+    }
+  },
+  filters: {
+    padding: theme.spacing(2),
+    marginTop: theme.spacing(2)
+  }
+}));
+function SearchPageContent(props) {
+  const getResultItemComponent = (result) => props.items.find((item) => item.predicate?.(result))?.component ?? DefaultResultListItem;
+  const classes = useSearchPageStyles();
+  const { isMobile } = useSidebarPinState();
+  const { types } = useSearch();
+  const catalogApi = useApi(catalogApiRef);
+  const configApi = useApi(configApiRef);
+  return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid, { container: true, direction: "row", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SearchBar, { debounceTime: 100 }) }),
+    !isMobile && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 3, children: [
+      /* @__PURE__ */ jsx(
+        SearchType.Accordion,
+        {
+          name: "Result Type",
+          defaultValue: configApi.getOptionalString("search.defaultType"),
+          showCounts: true,
+          types: [
+            {
+              value: "software-catalog",
+              name: "Software Catalog",
+              icon: /* @__PURE__ */ jsx(CatalogIcon, {})
+            }
+          ].concat(props.resultTypes)
+        }
+      ),
+      /* @__PURE__ */ jsxs(Paper, { className: classes.filters, children: [
+        types.includes("techdocs") && /* @__PURE__ */ jsx(
+          SearchFilter.Select,
+          {
+            className: classes.filter,
+            label: "Entity",
+            name: "name",
+            values: async () => {
+              const { items } = await catalogApi.getEntities({
+                fields: ["metadata.name"],
+                filter: {
+                  "metadata.annotations.backstage.io/techdocs-ref": CATALOG_FILTER_EXISTS
+                }
+              });
+              const names = items.map((entity) => entity.metadata.name);
+              names.sort();
+              return names;
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SearchFilter.Select,
+          {
+            className: classes.filter,
+            label: "Kind",
+            name: "kind",
+            values: async () => {
+              const { facets } = await catalogApi.getEntityFacets({
+                facets: ["kind"]
+              });
+              return (facets.kind ?? []).map((facet) => facet.value).sort((a, b) => a.localeCompare(b));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SearchFilter.Checkbox,
+          {
+            className: classes.filter,
+            label: "Lifecycle",
+            name: "lifecycle",
+            values: ["experimental", "production"]
+          }
+        ),
+        props.searchFilters.map((SearchFilterComponent, index) => /* @__PURE__ */ jsx(SearchFilterComponent, { className: classes.filter }, index))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: true, children: [
+      /* @__PURE__ */ jsx(SearchPagination, {}),
+      /* @__PURE__ */ jsx(SearchResult, { children: ({ results }) => /* @__PURE__ */ jsx(Fragment, { children: results.map((result, index) => {
+        const { document, ...rest } = result;
+        const SearchResultListItem = getResultItemComponent(result);
+        return /* @__PURE__ */ createElement(
+          SearchResultListItem,
+          {
+            ...rest,
+            key: index,
+            result: document,
+            noTrack: props.noTrack
+          }
+        );
+      }) }) }),
+      /* @__PURE__ */ jsx(SearchResultPager, {})
+    ] })
+  ] }) });
+}
+function SearchPage(props) {
+  return /* @__PURE__ */ jsxs(SearchContextProvider, { children: [
+    /* @__PURE__ */ jsx(UrlUpdater, {}),
+    /* @__PURE__ */ jsx(SearchPageContent, { ...props })
+  ] });
+}
+
+export { SearchPage };
+//# sourceMappingURL=SearchPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage.esm.js","sources":["../../src/alpha/SearchPage.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\nimport {\n  CatalogIcon,\n  Content,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { configApiRef } from '@backstage/frontend-plugin-api';\nimport {\n  catalogApiRef,\n  CATALOG_FILTER_EXISTS,\n} from '@backstage/plugin-catalog-react';\nimport { SearchResult } from '@backstage/plugin-search-common';\nimport {\n  DefaultResultListItem,\n  SearchBar,\n  SearchContextProvider,\n  SearchFilter,\n  SearchPagination,\n  SearchResult as SearchResults,\n  SearchResultPager,\n  useSearch,\n} from '@backstage/plugin-search-react';\nimport {\n  type SearchFilterExtensionComponent,\n  type SearchFilterResultTypeBlueprintParams,\n  type SearchResultItemExtensionComponent,\n  type SearchResultItemExtensionPredicate,\n} from '@backstage/plugin-search-react/alpha';\nimport { SearchType } from '../components/SearchType';\nimport { UrlUpdater } from '../components/SearchPage/SearchPage';\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\nexport interface SearchPageProps {\n  noTrack: boolean;\n  items: Array<{\n    predicate?: SearchResultItemExtensionPredicate;\n    component: SearchResultItemExtensionComponent;\n  }>;\n  resultTypes: SearchFilterResultTypeBlueprintParams[];\n  searchFilters: SearchFilterExtensionComponent[];\n}\n\nfunction SearchPageContent(props: SearchPageProps) {\n  const getResultItemComponent = (result: SearchResult) =>\n    props.items.find(item => item.predicate?.(result))?.component ??\n    DefaultResultListItem;\n\n  const classes = useSearchPageStyles();\n  const { isMobile } = useSidebarPinState();\n  const { types } = useSearch();\n  const catalogApi = useApi(catalogApiRef);\n  const configApi = useApi(configApiRef);\n\n  return (\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={configApi.getOptionalString('search.defaultType')}\n              showCounts\n              types={[\n                {\n                  value: 'software-catalog',\n                  name: 'Software Catalog',\n                  icon: <CatalogIcon />,\n                },\n              ].concat(props.resultTypes)}\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                    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(entity => entity.metadata.name);\n                    names.sort();\n                    return names;\n                  }}\n                />\n              )}\n              <SearchFilter.Select\n                className={classes.filter}\n                label=\"Kind\"\n                name=\"kind\"\n                values={async () => {\n                  const { facets } = await catalogApi.getEntityFacets({\n                    facets: ['kind'],\n                  });\n                  return (facets.kind ?? [])\n                    .map(facet => facet.value)\n                    .sort((a, b) => a.localeCompare(b));\n                }}\n              />\n              <SearchFilter.Checkbox\n                className={classes.filter}\n                label=\"Lifecycle\"\n                name=\"lifecycle\"\n                values={['experimental', 'production']}\n              />\n              {props.searchFilters.map((SearchFilterComponent, index) => (\n                <SearchFilterComponent key={index} className={classes.filter} />\n              ))}\n            </Paper>\n          </Grid>\n        )}\n        <Grid item xs>\n          <SearchPagination />\n          <SearchResults>\n            {({ results }) => (\n              <>\n                {results.map((result, index) => {\n                  const { document, ...rest } = result;\n                  const SearchResultListItem = getResultItemComponent(result);\n                  return (\n                    <SearchResultListItem\n                      {...rest}\n                      key={index}\n                      result={document}\n                      noTrack={props.noTrack}\n                    />\n                  );\n                })}\n              </>\n            )}\n          </SearchResults>\n          <SearchResultPager />\n        </Grid>\n      </Grid>\n    </Content>\n  );\n}\n\nexport function SearchPage(props: SearchPageProps) {\n  return (\n    <SearchContextProvider>\n      <UrlUpdater />\n      <SearchPageContent {...props} />\n    </SearchContextProvider>\n  );\n}\n"],"names":["SearchResults"],"mappings":"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"}

package/dist/alpha.esm.js

@@ -1,21 +1,13 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { createElement } from 'react';
-import Grid from '@material-ui/core/Grid';
-import Paper from '@material-ui/core/Paper';
-import { makeStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
 import SearchIcon from '@material-ui/icons/Search';
 import { z } from 'zod/v4';
-import { useSidebarPinState, Content, CatalogIcon } from '@backstage/core-components';
-import { fetchApiRef, discoveryApiRef, useApi } from '@backstage/core-plugin-api';
-import { ApiBlueprint, PageBlueprint, createExtensionInput, createFrontendPlugin, configApiRef } from '@backstage/frontend-plugin-api';
-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 { SearchFilterResultTypeBlueprint, SearchFilterBlueprint, SearchResultListItemBlueprint } from '@backstage/plugin-search-react/alpha';
+import { fetchApiRef, discoveryApiRef } from '@backstage/core-plugin-api';
+import { ApiBlueprint, PageBlueprint, createExtensionInput, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { searchApiRef } from '@backstage/plugin-search-react';
+import { SearchResultListItemBlueprint, SearchFilterResultTypeBlueprint, SearchFilterBlueprint } from '@backstage/plugin-search-react/alpha';
 import { HomePageWidgetBlueprint } from '@backstage/plugin-home-react/alpha';
 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 { searchTranslationRef as searchTranslationRef$1 } from './translation.esm.js';
 
 const searchApi = ApiBlueprint.make({
@@ -25,17 +17,6 @@ const searchApi = ApiBlueprint.make({
     factory: ({ discoveryApi, fetchApi }) => new SearchClient({ discoveryApi, fetchApi })
   })
 });
-const useSearchPageStyles = makeStyles((theme) => ({
-  filter: {
-    "& + &": {
-      marginTop: theme.spacing(2.5)
-    }
-  },
-  filters: {
-    padding: theme.spacing(2),
-    marginTop: theme.spacing(2)
-  }
-}));
 const searchPage = PageBlueprint.makeWithOverrides({
   configSchema: {
     noTrack: z.boolean().default(false)
@@ -56,116 +37,25 @@ const searchPage = PageBlueprint.makeWithOverrides({
       title: "Search",
       icon: /* @__PURE__ */ jsx(SearchIcon, { fontSize: "inherit" }),
       loader: async () => {
-        const getResultItemComponent = (result) => {
-          const value = inputs.items.find(
-            (item) => item?.get(SearchResultListItemBlueprint.dataRefs.item).predicate?.(result)
-          );
-          return value?.get(SearchResultListItemBlueprint.dataRefs.item).component ?? DefaultResultListItem;
-        };
+        const { SearchPage } = await import('./alpha/SearchPage.esm.js');
+        const items = inputs.items.map(
+          (item) => item.get(SearchResultListItemBlueprint.dataRefs.item)
+        );
         const resultTypes = inputs.resultTypes.map(
           (item) => item.get(SearchFilterResultTypeBlueprint.dataRefs.resultType)
         );
-        const additionalSearchFilters = inputs.searchFilters.map(
+        const searchFilters = inputs.searchFilters.map(
           (item) => item.get(SearchFilterBlueprint.dataRefs.searchFilters).component
         );
-        const Component = () => {
-          const classes = useSearchPageStyles();
-          const { isMobile } = useSidebarPinState();
-          const { types } = useSearch();
-          const catalogApi = useApi(catalogApiRef);
-          const configApi = useApi(configApiRef);
-          return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid, { container: true, direction: "row", children: [
-            /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SearchBar, { debounceTime: 100 }) }),
-            !isMobile && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 3, children: [
-              /* @__PURE__ */ jsx(
-                SearchType.Accordion,
-                {
-                  name: "Result Type",
-                  defaultValue: configApi.getOptionalString(
-                    "search.defaultType"
-                  ),
-                  showCounts: true,
-                  types: [
-                    {
-                      value: "software-catalog",
-                      name: "Software Catalog",
-                      icon: /* @__PURE__ */ jsx(CatalogIcon, {})
-                    }
-                  ].concat(resultTypes)
-                }
-              ),
-              /* @__PURE__ */ jsxs(Paper, { className: classes.filters, children: [
-                types.includes("techdocs") && /* @__PURE__ */ jsx(
-                  SearchFilter.Select,
-                  {
-                    className: classes.filter,
-                    label: "Entity",
-                    name: "name",
-                    values: async () => {
-                      const { items } = await catalogApi.getEntities({
-                        fields: ["metadata.name"],
-                        filter: {
-                          "metadata.annotations.backstage.io/techdocs-ref": CATALOG_FILTER_EXISTS
-                        }
-                      });
-                      const names = items.map(
-                        (entity) => entity.metadata.name
-                      );
-                      names.sort();
-                      return names;
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SearchFilter.Select,
-                  {
-                    className: classes.filter,
-                    label: "Kind",
-                    name: "kind",
-                    values: async () => {
-                      const { facets } = await catalogApi.getEntityFacets({
-                        facets: ["kind"]
-                      });
-                      return (facets.kind ?? []).map((facet) => facet.value).sort((a, b) => a.localeCompare(b));
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SearchFilter.Checkbox,
-                  {
-                    className: classes.filter,
-                    label: "Lifecycle",
-                    name: "lifecycle",
-                    values: ["experimental", "production"]
-                  }
-                ),
-                additionalSearchFilters.map((SearchFilterComponent) => /* @__PURE__ */ jsx(SearchFilterComponent, { className: classes.filter }))
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(Grid, { item: true, xs: true, children: [
-              /* @__PURE__ */ jsx(SearchPagination, {}),
-              /* @__PURE__ */ jsx(SearchResult, { children: ({ results }) => /* @__PURE__ */ jsx(Fragment, { children: results.map((result, index) => {
-                const { noTrack } = config;
-                const { document, ...rest } = result;
-                const SearchResultListItem = getResultItemComponent(result);
-                return /* @__PURE__ */ createElement(
-                  SearchResultListItem,
-                  {
-                    ...rest,
-                    key: index,
-                    result: document,
-                    noTrack
-                  }
-                );
-              }) }) }),
-              /* @__PURE__ */ jsx(SearchResultPager, {})
-            ] })
-          ] }) });
-        };
-        return /* @__PURE__ */ jsxs(SearchContextProvider, { children: [
-          /* @__PURE__ */ jsx(UrlUpdater, {}),
-          /* @__PURE__ */ jsx(Component, {})
-        ] });
+        return /* @__PURE__ */ jsx(
+          SearchPage,
+          {
+            noTrack: config.noTrack,
+            items,
+            resultTypes,
+            searchFilters
+          }
+        );
       }
     });
   }

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 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';\nimport { z } from 'zod/v4';\n\nimport {\n  CatalogIcon,\n  Content,\n  useSidebarPinState,\n} from '@backstage/core-components';\nimport {\n  useApi,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport {\n  createFrontendPlugin,\n  ApiBlueprint,\n  createExtensionInput,\n  PageBlueprint,\n  configApiRef,\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 {\n  SearchResultListItemBlueprint,\n  SearchFilterResultTypeBlueprint,\n  SearchFilterBlueprint,\n} from '@backstage/plugin-search-react/alpha';\nimport { HomePageWidgetBlueprint } from '@backstage/plugin-home-react/alpha';\n\nimport { rootRouteRef } from './plugin';\nimport { SearchClient } from './apis';\nimport { SearchType } from './components/SearchType';\nimport { UrlUpdater } from './components/SearchPage/SearchPage';\n\n/** @alpha */\nexport const searchApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: searchApiRef,\n      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new SearchClient({ discoveryApi, fetchApi }),\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 = PageBlueprint.makeWithOverrides({\n  configSchema: {\n    noTrack: z.boolean().default(false),\n  },\n  inputs: {\n    items: createExtensionInput([SearchResultListItemBlueprint.dataRefs.item]),\n    resultTypes: createExtensionInput([\n      SearchFilterResultTypeBlueprint.dataRefs.resultType,\n    ]),\n    searchFilters: createExtensionInput([\n      SearchFilterBlueprint.dataRefs.searchFilters,\n    ]),\n  },\n  factory(originalFactory, { config, inputs }) {\n    return originalFactory({\n      path: '/search',\n      routeRef: rootRouteRef,\n      title: 'Search',\n      icon: <SearchIcon fontSize=\"inherit\" />,\n      loader: async () => {\n        const getResultItemComponent = (result: SearchResult) => {\n          const value = inputs.items.find(item =>\n            item\n              ?.get(SearchResultListItemBlueprint.dataRefs.item)\n              .predicate?.(result),\n          );\n          return (\n            value?.get(SearchResultListItemBlueprint.dataRefs.item).component ??\n            DefaultResultListItem\n          );\n        };\n\n        const resultTypes = inputs.resultTypes.map(item =>\n          item.get(SearchFilterResultTypeBlueprint.dataRefs.resultType),\n        );\n\n        const additionalSearchFilters = inputs.searchFilters.map(\n          item =>\n            item.get(SearchFilterBlueprint.dataRefs.searchFilters).component,\n        );\n\n        const Component = () => {\n          const classes = useSearchPageStyles();\n          const { isMobile } = useSidebarPinState();\n          const { types } = useSearch();\n          const catalogApi = useApi(catalogApiRef);\n          const configApi = useApi(configApiRef);\n\n          return (\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={configApi.getOptionalString(\n                        'search.defaultType',\n                      )}\n                      showCounts\n                      types={[\n                        {\n                          value: 'software-catalog',\n                          name: 'Software Catalog',\n                          icon: <CatalogIcon />,\n                        },\n                      ].concat(resultTypes)}\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={async () => {\n                          const { facets } = await catalogApi.getEntityFacets({\n                            facets: ['kind'],\n                          });\n                          return (facets.kind ?? [])\n                            .map(facet => facet.value)\n                            .sort((a, b) => a.localeCompare(b));\n                        }}\n                      />\n                      <SearchFilter.Checkbox\n                        className={classes.filter}\n                        label=\"Lifecycle\"\n                        name=\"lifecycle\"\n                        values={['experimental', 'production']}\n                      />\n                      {additionalSearchFilters.map(SearchFilterComponent => (\n                        <SearchFilterComponent className={classes.filter} />\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          );\n        };\n\n        return (\n          <SearchContextProvider>\n            <UrlUpdater />\n            <Component />\n          </SearchContextProvider>\n        );\n      },\n    });\n  },\n});\n\nconst homePageSearchBarWidget = HomePageWidgetBlueprint.make({\n  name: 'search-bar',\n  params: {\n    name: 'HomePageSearchBar',\n    title: 'Search',\n    description: 'A search bar that navigates to the search page on submit',\n    components: () =>\n      import('./components/HomePageComponent').then(m => ({\n        Content: m.HomePageSearchBar,\n      })),\n    componentProps: {\n      Renderer: ({\n        Content: SearchContent,\n      }: {\n        Content: () => JSX.Element;\n      }) => <SearchContent />,\n    },\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'search',\n  title: 'Search',\n  icon: <SearchIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [searchApi, searchPage, homePageSearchBarWidget],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nimport { searchTranslationRef as _searchTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-search` instead.\n */\nexport const searchTranslationRef = _searchTranslationRef;\n"],"names":["SearchResults","_searchTranslationRef"],"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 SearchIcon from '@material-ui/icons/Search';\nimport { z } from 'zod/v4';\n\nimport { discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';\n\nimport {\n  createFrontendPlugin,\n  ApiBlueprint,\n  createExtensionInput,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { searchApiRef } from '@backstage/plugin-search-react';\nimport {\n  SearchResultListItemBlueprint,\n  SearchFilterResultTypeBlueprint,\n  SearchFilterBlueprint,\n} from '@backstage/plugin-search-react/alpha';\nimport { HomePageWidgetBlueprint } from '@backstage/plugin-home-react/alpha';\n\nimport { rootRouteRef } from './plugin';\nimport { SearchClient } from './apis';\n\n/** @alpha */\nexport const searchApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: searchApiRef,\n      deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new SearchClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nexport const searchPage = PageBlueprint.makeWithOverrides({\n  configSchema: {\n    noTrack: z.boolean().default(false),\n  },\n  inputs: {\n    items: createExtensionInput([SearchResultListItemBlueprint.dataRefs.item]),\n    resultTypes: createExtensionInput([\n      SearchFilterResultTypeBlueprint.dataRefs.resultType,\n    ]),\n    searchFilters: createExtensionInput([\n      SearchFilterBlueprint.dataRefs.searchFilters,\n    ]),\n  },\n  factory(originalFactory, { config, inputs }) {\n    return originalFactory({\n      path: '/search',\n      routeRef: rootRouteRef,\n      title: 'Search',\n      icon: <SearchIcon fontSize=\"inherit\" />,\n      loader: async () => {\n        const { SearchPage } = await import('./alpha/SearchPage');\n        const items = inputs.items.map(item =>\n          item.get(SearchResultListItemBlueprint.dataRefs.item),\n        );\n        const resultTypes = inputs.resultTypes.map(item =>\n          item.get(SearchFilterResultTypeBlueprint.dataRefs.resultType),\n        );\n        const searchFilters = inputs.searchFilters.map(\n          item =>\n            item.get(SearchFilterBlueprint.dataRefs.searchFilters).component,\n        );\n        return (\n          <SearchPage\n            noTrack={config.noTrack}\n            items={items}\n            resultTypes={resultTypes}\n            searchFilters={searchFilters}\n          />\n        );\n      },\n    });\n  },\n});\n\nconst homePageSearchBarWidget = HomePageWidgetBlueprint.make({\n  name: 'search-bar',\n  params: {\n    name: 'HomePageSearchBar',\n    title: 'Search',\n    description: 'A search bar that navigates to the search page on submit',\n    components: () =>\n      import('./components/HomePageComponent').then(m => ({\n        Content: m.HomePageSearchBar,\n      })),\n    componentProps: {\n      Renderer: ({\n        Content: SearchContent,\n      }: {\n        Content: () => JSX.Element;\n      }) => <SearchContent />,\n    },\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'search',\n  title: 'Search',\n  icon: <SearchIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [searchApi, searchPage, homePageSearchBarWidget],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nimport { searchTranslationRef as _searchTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-search` instead.\n */\nexport const searchTranslationRef = _searchTranslationRef;\n"],"names":["_searchTranslationRef"],"mappings":"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"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-search";
-var version = "1.7.7";
+var version = "1.7.8-next.1";
 var description = "The Backstage plugin that provides your backstage app with search";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-search",
-  "version": "1.7.7",
+  "version": "1.7.8-next.1",
   "description": "The Backstage plugin that provides your backstage app with search",
   "backstage": {
     "role": "frontend-plugin",
@@ -70,17 +70,17 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.18.13",
-    "@backstage/core-plugin-api": "^1.12.9",
-    "@backstage/errors": "^1.3.1",
-    "@backstage/frontend-plugin-api": "^0.18.0",
-    "@backstage/plugin-catalog-react": "^3.2.1",
-    "@backstage/plugin-home-react": "^0.1.41",
-    "@backstage/plugin-search-common": "^1.2.24",
-    "@backstage/plugin-search-react": "^1.11.7",
-    "@backstage/types": "^1.2.2",
-    "@backstage/ui": "^0.17.1",
-    "@backstage/version-bridge": "^1.0.12",
+    "@backstage/core-components": "0.18.14-next.1",
+    "@backstage/core-plugin-api": "1.12.10-next.0",
+    "@backstage/errors": "1.3.1",
+    "@backstage/frontend-plugin-api": "0.18.1-next.0",
+    "@backstage/plugin-catalog-react": "3.2.3-next.1",
+    "@backstage/plugin-home-react": "0.1.42-next.1",
+    "@backstage/plugin-search-common": "1.2.24",
+    "@backstage/plugin-search-react": "1.11.8-next.1",
+    "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.18.0-next.1",
+    "@backstage/version-bridge": "1.0.12",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "qs": "^6.15.2",
@@ -88,11 +88,11 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.5",
-    "@backstage/core-app-api": "^1.20.4",
-    "@backstage/dev-utils": "^1.1.26",
-    "@backstage/frontend-test-utils": "^0.6.3",
-    "@backstage/test-utils": "^1.7.21",
+    "@backstage/cli": "0.36.6-next.0",
+    "@backstage/core-app-api": "1.20.5-next.1",
+    "@backstage/dev-utils": "1.1.27-next.1",
+    "@backstage/frontend-test-utils": "0.6.4-next.1",
+    "@backstage/test-utils": "1.7.22-next.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",