@backstage/plugin-search-react 1.7.1-next.0 → 1.7.1-next.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @backstage/plugin-search-react
 
+## 1.7.1-next.1
+
+### Patch Changes
+
+- 703a4ffc5b: Create `createSearchResultListItem` alpha version that only supports declarative integration.
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.1.1-next.1
+  - @backstage/core-components@0.13.6-next.1
+  - @backstage/frontend-app-api@0.2.0-next.1
+  - @backstage/core-plugin-api@1.7.0-next.0
+  - @backstage/theme@0.4.2
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.5
+  - @backstage/plugin-search-common@1.2.6
+
 ## 1.7.1-next.0
 
 ### Patch Changes

package/alpha/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@backstage/plugin-search-react",
+  "version": "1.7.1-next.1",
+  "main": "../dist/alpha.esm.js",
+  "module": "../dist/alpha.esm.js",
+  "types": "../dist/alpha.d.ts"
+}

package/dist/alpha.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import { PortableSchema } from '@backstage/frontend-plugin-api';
+import { ListItemProps } from '@material-ui/core';
+import { SearchDocument, SearchResult } from '@backstage/plugin-search-common';
+
+/** @alpha */
+type BaseSearchResultListItemProps<T = {}> = T & {
+    rank?: number;
+    result?: SearchDocument;
+} & Omit<ListItemProps, 'button'>;
+/** @alpha */
+type SearchResultItemExtensionComponent = <P extends BaseSearchResultListItemProps>(props: P) => JSX.Element | null;
+/** @alpha */
+type SearchResultItemExtensionPredicate = (result: SearchResult) => boolean;
+/** @alpha */
+declare const searchResultItemExtensionData: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
+    predicate?: SearchResultItemExtensionPredicate | undefined;
+    component: SearchResultItemExtensionComponent;
+}, {}>;
+/** @alpha */
+type SearchResultItemExtensionOptions<TConfig extends {
+    noTrack?: boolean;
+}> = {
+    /**
+     * The extension id.
+     */
+    id: string;
+    /**
+     * The extension attachment point (e.g., search modal or page).
+     */
+    at?: string;
+    /**
+     * Optional extension config schema.
+     */
+    configSchema?: PortableSchema<TConfig>;
+    /**
+     * The extension component.
+     */
+    component: (options: {
+        config: TConfig;
+    }) => Promise<SearchResultItemExtensionComponent>;
+    /**
+     * When an extension defines a predicate, it returns true if the result should be rendered by that extension.
+     * Defaults to a predicate that returns true, which means it renders all sorts of results.
+     */
+    predicate?: SearchResultItemExtensionPredicate;
+};
+/** @alpha */
+declare function createSearchResultListItemExtension<TConfig extends {
+    noTrack?: boolean;
+}>(options: SearchResultItemExtensionOptions<TConfig>): _backstage_frontend_plugin_api.Extension<TConfig>;
+
+export { BaseSearchResultListItemProps, SearchResultItemExtensionComponent, SearchResultItemExtensionOptions, SearchResultItemExtensionPredicate, createSearchResultListItemExtension, searchResultItemExtensionData };

package/dist/alpha.esm.js

@@ -0,0 +1,47 @@
+import React, { lazy, Suspense } from 'react';
+import { createExtensionDataRef, createSchemaFromZod, createExtension, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import { Progress } from '@backstage/core-components';
+import { a as SearchResultListItemExtension } from './esm/extensions-c878c532.esm.js';
+import '@backstage/core-plugin-api';
+import '@material-ui/core';
+import '@material-ui/core/Typography';
+
+const searchResultItemExtensionData = createExtensionDataRef("plugin.search.result.item.data");
+function createSearchResultListItemExtension(options) {
+  var _a;
+  const configSchema = "configSchema" in options ? options.configSchema : createSchemaFromZod(
+    (z) => z.object({
+      noTrack: z.boolean().default(false)
+    })
+  );
+  return createExtension({
+    id: `plugin.search.result.item.${options.id}`,
+    at: (_a = options.at) != null ? _a : "plugin.search.page/items",
+    configSchema,
+    output: {
+      item: searchResultItemExtensionData
+    },
+    factory({ bind, config, source }) {
+      const LazyComponent = lazy(
+        () => options.component({ config }).then((component) => ({ default: component }))
+      );
+      bind({
+        item: {
+          predicate: options.predicate,
+          component: (props) => /* @__PURE__ */ React.createElement(ExtensionBoundary, { source }, /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Progress, null) }, /* @__PURE__ */ React.createElement(
+            SearchResultListItemExtension,
+            {
+              rank: props.rank,
+              result: props.result,
+              noTrack: config.noTrack
+            },
+            /* @__PURE__ */ React.createElement(LazyComponent, { ...props })
+          )))
+        }
+      });
+    }
+  });
+}
+
+export { createSearchResultListItemExtension, searchResultItemExtensionData };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +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, { lazy, Suspense } from 'react';\n\nimport { ListItemProps } from '@material-ui/core';\n\nimport {\n  ExtensionBoundary,\n  PortableSchema,\n  createExtension,\n  createExtensionDataRef,\n  createSchemaFromZod,\n} from '@backstage/frontend-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { SearchDocument, SearchResult } from '@backstage/plugin-search-common';\n\nimport { SearchResultListItemExtension } from './extensions';\n\n/** @alpha */\nexport type BaseSearchResultListItemProps<T = {}> = T & {\n  rank?: number;\n  result?: SearchDocument;\n} & Omit<ListItemProps, 'button'>;\n\n/** @alpha */\nexport type SearchResultItemExtensionComponent = <\n  P extends BaseSearchResultListItemProps,\n>(\n  props: P,\n) => JSX.Element | null;\n\n/** @alpha */\nexport type SearchResultItemExtensionPredicate = (\n  result: SearchResult,\n) => boolean;\n\n/** @alpha */\nexport const searchResultItemExtensionData = createExtensionDataRef<{\n  predicate?: SearchResultItemExtensionPredicate;\n  component: SearchResultItemExtensionComponent;\n}>('plugin.search.result.item.data');\n\n/** @alpha */\nexport type SearchResultItemExtensionOptions<\n  TConfig extends { noTrack?: boolean },\n> = {\n  /**\n   * The extension id.\n   */\n  id: string;\n  /**\n   * The extension attachment point (e.g., search modal or page).\n   */\n  at?: string;\n  /**\n   * Optional extension config schema.\n   */\n  configSchema?: PortableSchema<TConfig>;\n  /**\n   * The extension component.\n   */\n  component: (options: {\n    config: TConfig;\n  }) => Promise<SearchResultItemExtensionComponent>;\n  /**\n   * When an extension defines a predicate, it returns true if the result should be rendered by that extension.\n   * Defaults to a predicate that returns true, which means it renders all sorts of results.\n   */\n  predicate?: SearchResultItemExtensionPredicate;\n};\n\n/** @alpha */\nexport function createSearchResultListItemExtension<\n  TConfig extends { noTrack?: boolean },\n>(options: SearchResultItemExtensionOptions<TConfig>) {\n  const configSchema =\n    'configSchema' in options\n      ? options.configSchema\n      : (createSchemaFromZod(z =>\n          z.object({\n            noTrack: z.boolean().default(false),\n          }),\n        ) as PortableSchema<TConfig>);\n  return createExtension({\n    id: `plugin.search.result.item.${options.id}`,\n    at: options.at ?? 'plugin.search.page/items',\n    configSchema,\n    output: {\n      item: searchResultItemExtensionData,\n    },\n    factory({ bind, config, source }) {\n      const LazyComponent = lazy(() =>\n        options\n          .component({ config })\n          .then(component => ({ default: component })),\n      ) as unknown as SearchResultItemExtensionComponent;\n\n      bind({\n        item: {\n          predicate: options.predicate,\n          component: props => (\n            <ExtensionBoundary source={source}>\n              <Suspense fallback={<Progress />}>\n                <SearchResultListItemExtension\n                  rank={props.rank}\n                  result={props.result}\n                  noTrack={config.noTrack}\n                >\n                  <LazyComponent {...props} />\n                </SearchResultListItemExtension>\n              </Suspense>\n            </ExtensionBoundary>\n          ),\n        },\n      });\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;AAmDa,MAAA,6BAAA,GAAgC,uBAG1C,gCAAgC,EAAA;AAgC5B,SAAS,oCAEd,OAAoD,EAAA;AAxFtD,EAAA,IAAA,EAAA,CAAA;AAyFE,EAAA,MAAM,YACJ,GAAA,cAAA,IAAkB,OACd,GAAA,OAAA,CAAQ,YACP,GAAA,mBAAA;AAAA,IAAoB,CAAA,CAAA,KACnB,EAAE,MAAO,CAAA;AAAA,MACP,OAAS,EAAA,CAAA,CAAE,OAAQ,EAAA,CAAE,QAAQ,KAAK,CAAA;AAAA,KACnC,CAAA;AAAA,GACH,CAAA;AACN,EAAA,OAAO,eAAgB,CAAA;AAAA,IACrB,EAAA,EAAI,CAA6B,0BAAA,EAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,IAC3C,EAAA,EAAA,CAAI,EAAQ,GAAA,OAAA,CAAA,EAAA,KAAR,IAAc,GAAA,EAAA,GAAA,0BAAA;AAAA,IAClB,YAAA;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA,6BAAA;AAAA,KACR;AAAA,IACA,OAAQ,CAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,QAAU,EAAA;AAChC,MAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,QAAK,MACzB,OAAA,CACG,SAAU,CAAA,EAAE,MAAO,EAAC,CACpB,CAAA,IAAA,CAAK,CAAc,SAAA,MAAA,EAAE,OAAS,EAAA,SAAA,EAAY,CAAA,CAAA;AAAA,OAC/C,CAAA;AAEA,MAAK,IAAA,CAAA;AAAA,QACH,IAAM,EAAA;AAAA,UACJ,WAAW,OAAQ,CAAA,SAAA;AAAA,UACnB,SAAA,EAAW,CACT,KAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,MAAA,EAAA,sCAChB,QAAS,EAAA,EAAA,QAAA,kBAAW,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,CAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,6BAAA;AAAA,YAAA;AAAA,cACC,MAAM,KAAM,CAAA,IAAA;AAAA,cACZ,QAAQ,KAAM,CAAA,MAAA;AAAA,cACd,SAAS,MAAO,CAAA,OAAA;AAAA,aAAA;AAAA,4BAEhB,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA,WAE9B,CACF,CAAA;AAAA,SAEJ;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist/esm/extensions-c878c532.esm.js

@@ -0,0 +1,200 @@
+import React, { useMemo, useCallback, createElement, Fragment, isValidElement, cloneElement } from 'react';
+import { AnalyticsContext, useAnalytics, createReactExtension, useElementFilter, getComponentData } from '@backstage/core-plugin-api';
+import { makeStyles, ListItemIcon, ListItemText, Box, ListItem, List } from '@material-ui/core';
+import Typography from '@material-ui/core/Typography';
+import { Link } from '@backstage/core-components';
+
+const useStyles = makeStyles(
+  () => ({
+    highlight: {}
+  }),
+  { name: "BackstageHighlightedSearchResultText" }
+);
+const HighlightedSearchResultText = (props) => {
+  const { text, preTag, postTag } = props;
+  const classes = useStyles();
+  const terms = useMemo(
+    () => text.split(new RegExp(`(${preTag}.+?${postTag})`)),
+    [postTag, preTag, text]
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, terms.map(
+    (t, idx) => t.includes(preTag) ? /* @__PURE__ */ React.createElement("mark", { className: classes.highlight, key: idx }, t.replace(new RegExp(`${preTag}|${postTag}`, "g"), "")) : t
+  ));
+};
+
+const DefaultResultListItemComponent = ({
+  result,
+  highlight,
+  icon,
+  secondaryAction,
+  lineClamp = 5
+}) => {
+  if (!result)
+    return null;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, icon), /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      primaryTypographyProps: { variant: "h6" },
+      primary: /* @__PURE__ */ React.createElement(Link, { noTrack: true, to: result.location }, (highlight == null ? void 0 : highlight.fields.title) ? /* @__PURE__ */ React.createElement(
+        HighlightedSearchResultText,
+        {
+          text: (highlight == null ? void 0 : highlight.fields.title) || "",
+          preTag: (highlight == null ? void 0 : highlight.preTag) || "",
+          postTag: (highlight == null ? void 0 : highlight.postTag) || ""
+        }
+      ) : result.title),
+      secondary: /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          component: "span",
+          style: {
+            display: "-webkit-box",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: lineClamp,
+            overflow: "hidden"
+          },
+          color: "textSecondary",
+          variant: "body2"
+        },
+        (highlight == null ? void 0 : highlight.fields.text) ? /* @__PURE__ */ React.createElement(
+          HighlightedSearchResultText,
+          {
+            text: highlight.fields.text,
+            preTag: highlight.preTag,
+            postTag: highlight.postTag
+          }
+        ) : result.text
+      )
+    }
+  ), secondaryAction && /* @__PURE__ */ React.createElement(Box, { alignItems: "flex-end" }, secondaryAction));
+};
+const HigherOrderDefaultResultListItem = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    AnalyticsContext,
+    {
+      attributes: {
+        pluginId: "search",
+        extension: "DefaultResultListItem"
+      }
+    },
+    /* @__PURE__ */ React.createElement(DefaultResultListItemComponent, { ...props })
+  );
+};
+
+const SEARCH_RESULT_LIST_ITEM_EXTENSION = "search.results.list.items.extensions.v1";
+const findSearchResultListItemExtensionElement = (elements, result) => {
+  for (const element of elements) {
+    if (!isValidElement(element))
+      continue;
+    const predicate = getComponentData(
+      element,
+      SEARCH_RESULT_LIST_ITEM_EXTENSION
+    );
+    if (!(predicate == null ? void 0 : predicate(result)))
+      continue;
+    return cloneElement(element, {
+      rank: result.rank,
+      highlight: result.highlight,
+      result: result.document,
+      // Use props in situations where a consumer is manually rendering the extension
+      ...element.props
+    });
+  }
+  return null;
+};
+const SearchResultListItemExtension = (props) => {
+  const {
+    rank,
+    result,
+    noTrack,
+    children,
+    alignItems = "flex-start",
+    ...rest
+  } = props;
+  const analytics = useAnalytics();
+  const handleClickCapture = useCallback(() => {
+    if (noTrack)
+      return;
+    if (!result)
+      return;
+    analytics.captureEvent("discover", result.title, {
+      attributes: { to: result.location },
+      value: rank
+    });
+  }, [rank, result, noTrack, analytics]);
+  return /* @__PURE__ */ React.createElement(
+    ListItem,
+    {
+      divider: true,
+      alignItems,
+      onClickCapture: handleClickCapture,
+      ...rest
+    },
+    children
+  );
+};
+const createSearchResultListItemExtension = (options) => {
+  const { name, component, predicate = () => true } = options;
+  return createReactExtension({
+    name,
+    component: {
+      lazy: () => component().then(
+        (type) => (props) => /* @__PURE__ */ React.createElement(
+          SearchResultListItemExtension,
+          {
+            rank: props.rank,
+            result: props.result,
+            noTrack: props.noTrack
+          },
+          createElement(type, props)
+        )
+      )
+    },
+    data: {
+      [SEARCH_RESULT_LIST_ITEM_EXTENSION]: predicate
+    }
+  });
+};
+const useSearchResultListItemExtensions = (children) => {
+  const elements = useElementFilter(
+    children,
+    (collection) => {
+      return collection.selectByComponentData({
+        key: SEARCH_RESULT_LIST_ITEM_EXTENSION
+      }).getElements();
+    },
+    [children]
+  );
+  return useCallback(
+    (result, key) => {
+      const element = findSearchResultListItemExtensionElement(
+        elements,
+        result
+      );
+      return /* @__PURE__ */ React.createElement(Fragment, { key }, element != null ? element : /* @__PURE__ */ React.createElement(
+        SearchResultListItemExtension,
+        {
+          rank: result.rank,
+          result: result.document
+        },
+        /* @__PURE__ */ React.createElement(
+          HigherOrderDefaultResultListItem,
+          {
+            rank: result.rank,
+            highlight: result.highlight,
+            result: result.document
+          }
+        )
+      ));
+    },
+    [elements]
+  );
+};
+const SearchResultListItemExtensions = (props) => {
+  const { results, children, ...rest } = props;
+  const render = useSearchResultListItemExtensions(children);
+  return /* @__PURE__ */ React.createElement(List, { ...rest }, results.map(render));
+};
+
+export { HigherOrderDefaultResultListItem as H, SearchResultListItemExtensions as S, SearchResultListItemExtension as a, HighlightedSearchResultText as b, createSearchResultListItemExtension as c, useSearchResultListItemExtensions as u };
+//# sourceMappingURL=extensions-c878c532.esm.js.map

package/dist/esm/extensions-c878c532.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extensions-c878c532.esm.js","sources":["../../src/components/HighlightedSearchResultText/HighlightedSearchResultText.tsx","../../src/components/DefaultResultListItem/DefaultResultListItem.tsx","../../src/extensions.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, { useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  () => ({\n    highlight: {},\n  }),\n  { name: 'BackstageHighlightedSearchResultText' },\n);\n\n/**\n * Props for {@link HighlightedSearchResultText}.\n *\n * @public\n */\nexport type HighlightedSearchResultTextProps = {\n  text: string;\n  preTag: string;\n  postTag: string;\n};\n\n/**\n * @public\n */\nexport const HighlightedSearchResultText = (\n  props: HighlightedSearchResultTextProps,\n) => {\n  const { text, preTag, postTag } = props;\n\n  const classes = useStyles();\n  const terms = useMemo(\n    () => text.split(new RegExp(`(${preTag}.+?${postTag})`)),\n    [postTag, preTag, text],\n  );\n\n  return (\n    <>\n      {terms.map((t, idx) =>\n        t.includes(preTag) ? (\n          <mark className={classes.highlight} key={idx}>\n            {t.replace(new RegExp(`${preTag}|${postTag}`, 'g'), '')}\n          </mark>\n        ) : (\n          t\n        ),\n      )}\n    </>\n  );\n};\n","/*\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 } from 'react';\nimport { AnalyticsContext } from '@backstage/core-plugin-api';\nimport {\n  ResultHighlight,\n  SearchDocument,\n} from '@backstage/plugin-search-common';\nimport { HighlightedSearchResultText } from '../HighlightedSearchResultText';\nimport { ListItemIcon, ListItemText, Box } from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { Link } from '@backstage/core-components';\n\n/**\n * Props for {@link DefaultResultListItem}\n *\n * @public\n */\nexport type DefaultResultListItemProps = {\n  icon?: ReactNode;\n  secondaryAction?: ReactNode;\n  result?: SearchDocument;\n  highlight?: ResultHighlight;\n  rank?: number;\n  lineClamp?: number;\n  toggleModal?: () => void;\n};\n\n/**\n * A default result list item.\n *\n * @public\n */\nexport const DefaultResultListItemComponent = ({\n  result,\n  highlight,\n  icon,\n  secondaryAction,\n  lineClamp = 5,\n}: DefaultResultListItemProps) => {\n  if (!result) return null;\n\n  return (\n    <>\n      {icon && <ListItemIcon>{icon}</ListItemIcon>}\n      <ListItemText\n        primaryTypographyProps={{ variant: 'h6' }}\n        primary={\n          <Link noTrack to={result.location}>\n            {highlight?.fields.title ? (\n              <HighlightedSearchResultText\n                text={highlight?.fields.title || ''}\n                preTag={highlight?.preTag || ''}\n                postTag={highlight?.postTag || ''}\n              />\n            ) : (\n              result.title\n            )}\n          </Link>\n        }\n        secondary={\n          <Typography\n            component=\"span\"\n            style={{\n              display: '-webkit-box',\n              WebkitBoxOrient: 'vertical',\n              WebkitLineClamp: lineClamp,\n              overflow: 'hidden',\n            }}\n            color=\"textSecondary\"\n            variant=\"body2\"\n          >\n            {highlight?.fields.text ? (\n              <HighlightedSearchResultText\n                text={highlight.fields.text}\n                preTag={highlight.preTag}\n                postTag={highlight.postTag}\n              />\n            ) : (\n              result.text\n            )}\n          </Typography>\n        }\n      />\n      {secondaryAction && <Box alignItems=\"flex-end\">{secondaryAction}</Box>}\n    </>\n  );\n};\n\n/**\n * @public\n */\nconst HigherOrderDefaultResultListItem = (\n  props: DefaultResultListItemProps,\n) => {\n  return (\n    <AnalyticsContext\n      attributes={{\n        pluginId: 'search',\n        extension: 'DefaultResultListItem',\n      }}\n    >\n      <DefaultResultListItemComponent {...props} />\n    </AnalyticsContext>\n  );\n};\n\nexport { HigherOrderDefaultResultListItem as DefaultResultListItem };\n","/*\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, {\n  Fragment,\n  ReactNode,\n  PropsWithChildren,\n  isValidElement,\n  createElement,\n  cloneElement,\n  useCallback,\n} from 'react';\n\nimport {\n  getComponentData,\n  useElementFilter,\n  Extension,\n  createReactExtension,\n  useAnalytics,\n} from '@backstage/core-plugin-api';\nimport { SearchDocument, SearchResult } from '@backstage/plugin-search-common';\n\nimport { ListItem, List, ListProps, ListItemProps } from '@material-ui/core';\n\nimport { DefaultResultListItem } from './components/DefaultResultListItem';\n\n/**\n * @internal\n * Key for result extensions.\n */\nconst SEARCH_RESULT_LIST_ITEM_EXTENSION =\n  'search.results.list.items.extensions.v1';\n\n/**\n * @internal\n * Returns the first extension element found for a given result, and null otherwise.\n * @param elements - All extension elements.\n * @param result - The search result.\n */\nconst findSearchResultListItemExtensionElement = (\n  elements: ReactNode[],\n  result: SearchResult,\n) => {\n  for (const element of elements) {\n    if (!isValidElement(element)) continue;\n    const predicate = getComponentData<(result: SearchResult) => boolean>(\n      element,\n      SEARCH_RESULT_LIST_ITEM_EXTENSION,\n    );\n    if (!predicate?.(result)) continue;\n    return cloneElement(element, {\n      rank: result.rank,\n      highlight: result.highlight,\n      result: result.document,\n      // Use props in situations where a consumer is manually rendering the extension\n      ...element.props,\n    });\n  }\n  return null;\n};\n\n/**\n * @public\n * Extends props for any search result list item extension\n */\nexport type SearchResultListItemExtensionProps<Props extends {} = {}> = Props &\n  PropsWithChildren<\n    {\n      rank?: number;\n      result?: SearchDocument;\n      noTrack?: boolean;\n    } & Omit<ListItemProps, 'button'>\n  >;\n\n/**\n * @internal\n * Extends children with extension capabilities.\n * @param props - see {@link SearchResultListItemExtensionProps}.\n */\nexport const SearchResultListItemExtension = (\n  props: SearchResultListItemExtensionProps,\n) => {\n  const {\n    rank,\n    result,\n    noTrack,\n    children,\n    alignItems = 'flex-start',\n    ...rest\n  } = props;\n  const analytics = useAnalytics();\n\n  const handleClickCapture = useCallback(() => {\n    if (noTrack) return;\n    if (!result) return;\n    analytics.captureEvent('discover', result.title, {\n      attributes: { to: result.location },\n      value: rank,\n    });\n  }, [rank, result, noTrack, analytics]);\n\n  return (\n    <ListItem\n      divider\n      alignItems={alignItems}\n      onClickCapture={handleClickCapture}\n      {...rest}\n    >\n      {children}\n    </ListItem>\n  );\n};\n\n/**\n * @public\n * Options for {@link createSearchResultListItemExtension}.\n */\nexport type SearchResultListItemExtensionOptions<\n  Component extends (props: any) => JSX.Element | null,\n> = {\n  /**\n   * The extension name.\n   */\n  name: string;\n  /**\n   * The extension component.\n   */\n  component: () => Promise<Component>;\n  /**\n   * When an extension defines a predicate, it returns true if the result should be rendered by that extension.\n   * Defaults to a predicate that returns true, which means it renders all sorts of results.\n   */\n  predicate?: (result: SearchResult) => boolean;\n};\n\n/**\n * @public\n * Creates a search result item extension.\n * @param options - The extension options, see {@link SearchResultListItemExtensionOptions} for more details.\n */\nexport const createSearchResultListItemExtension = <\n  Component extends (props: any) => JSX.Element | null,\n>(\n  options: SearchResultListItemExtensionOptions<Component>,\n): Extension<Component> => {\n  const { name, component, predicate = () => true } = options;\n\n  return createReactExtension<Component>({\n    name,\n    component: {\n      lazy: () =>\n        component().then(\n          type =>\n            (props => (\n              <SearchResultListItemExtension\n                rank={props.rank}\n                result={props.result}\n                noTrack={props.noTrack}\n              >\n                {createElement(type, props)}\n              </SearchResultListItemExtension>\n            )) as Component,\n        ),\n    },\n    data: {\n      [SEARCH_RESULT_LIST_ITEM_EXTENSION]: predicate,\n    },\n  });\n};\n\n/**\n * @public\n * Returns a function that renders a result using extensions.\n */\nexport const useSearchResultListItemExtensions = (children: ReactNode) => {\n  const elements = useElementFilter(\n    children,\n    collection => {\n      return collection\n        .selectByComponentData({\n          key: SEARCH_RESULT_LIST_ITEM_EXTENSION,\n        })\n        .getElements();\n    },\n    [children],\n  );\n\n  return useCallback(\n    (result: SearchResult, key?: number) => {\n      const element = findSearchResultListItemExtensionElement(\n        elements,\n        result,\n      );\n\n      return (\n        <Fragment key={key}>\n          {element ?? (\n            <SearchResultListItemExtension\n              rank={result.rank}\n              result={result.document}\n            >\n              <DefaultResultListItem\n                rank={result.rank}\n                highlight={result.highlight}\n                result={result.document}\n              />\n            </SearchResultListItemExtension>\n          )}\n        </Fragment>\n      );\n    },\n    [elements],\n  );\n};\n\n/**\n * @public\n * Props for {@link SearchResultListItemExtensions}\n */\nexport type SearchResultListItemExtensionsProps = Omit<ListProps, 'results'> & {\n  /**\n   * Search result list.\n   */\n  results: SearchResult[];\n};\n\n/**\n * @public\n * Render results using search extensions.\n * @param props - see {@link SearchResultListItemExtensionsProps}\n */\nexport const SearchResultListItemExtensions = (\n  props: SearchResultListItemExtensionsProps,\n) => {\n  const { results, children, ...rest } = props;\n  const render = useSearchResultListItemExtensions(children);\n  return <List {...rest}>{results.map(render)}</List>;\n};\n"],"names":["DefaultResultListItem"],"mappings":"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"}

package/dist/index.esm.js

@@ -1,10 +1,10 @@
-import { createApiRef, AnalyticsContext, createReactExtension, useElementFilter, getComponentData, useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
-import React, { useMemo, createElement, useCallback, Fragment, isValidElement, cloneElement, useContext, useState, useEffect, forwardRef, useRef } from 'react';
-import { makeStyles, ListItemIcon, ListItemText, Box, List, ListItem, TextField, InputAdornment, IconButton, CircularProgress, Chip, FormControl, FormLabel, FormControlLabel, Checkbox, InputLabel, Select, MenuItem, Typography as Typography$1, TablePagination, InputBase, ListSubheader, Menu, Button as Button$1 } from '@material-ui/core';
-import Typography from '@material-ui/core/Typography';
-import { Link, Progress, ResponseErrorPanel, EmptyState } from '@backstage/core-components';
+import { createApiRef, useApi, configApiRef, AnalyticsContext, useAnalytics } from '@backstage/core-plugin-api';
+import { S as SearchResultListItemExtensions, u as useSearchResultListItemExtensions, H as HigherOrderDefaultResultListItem } from './esm/extensions-c878c532.esm.js';
+export { H as DefaultResultListItem, b as HighlightedSearchResultText, a as SearchResultListItemExtension, S as SearchResultListItemExtensions, c as createSearchResultListItemExtension, u as useSearchResultListItemExtensions } from './esm/extensions-c878c532.esm.js';
+import { TextField, InputAdornment, IconButton, makeStyles, CircularProgress, ListItemIcon, ListItemText, Chip, FormControl, FormLabel, FormControlLabel, Checkbox, InputLabel, Select, MenuItem, Typography, TablePagination, List, InputBase, ListSubheader, Menu, Button as Button$1 } from '@material-ui/core';
 import Button from '@material-ui/core/Button';
 import SearchIcon from '@material-ui/icons/Search';
+import React, { useContext, useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
 import useDebounce from 'react-use/lib/useDebounce';
 import { isEqual, isFunction } from 'lodash';
 import useAsync from 'react-use/lib/useAsync';
@@ -12,10 +12,12 @@ import usePrevious from 'react-use/lib/usePrevious';
 import { createVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';
 import { Autocomplete } from '@material-ui/lab';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
+import { Progress, ResponseErrorPanel, EmptyState, Link } from '@backstage/core-components';
 import qs from 'qs';
 import AddIcon from '@material-ui/icons/Add';
 import ArrowRightIcon from '@material-ui/icons/ArrowForwardIos';
 import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
+import '@material-ui/core/Typography';
 
 const searchApiRef = createApiRef({
   id: "plugin.search.queryservice"
@@ -29,198 +31,6 @@ class MockSearchApi {
   }
 }
 
-const useStyles$4 = makeStyles(
-  () => ({
-    highlight: {}
-  }),
-  { name: "BackstageHighlightedSearchResultText" }
-);
-const HighlightedSearchResultText = (props) => {
-  const { text, preTag, postTag } = props;
-  const classes = useStyles$4();
-  const terms = useMemo(
-    () => text.split(new RegExp(`(${preTag}.+?${postTag})`)),
-    [postTag, preTag, text]
-  );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, terms.map(
-    (t, idx) => t.includes(preTag) ? /* @__PURE__ */ React.createElement("mark", { className: classes.highlight, key: idx }, t.replace(new RegExp(`${preTag}|${postTag}`, "g"), "")) : t
-  ));
-};
-
-const DefaultResultListItemComponent = ({
-  result,
-  highlight,
-  icon,
-  secondaryAction,
-  lineClamp = 5
-}) => {
-  if (!result)
-    return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, icon), /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      primaryTypographyProps: { variant: "h6" },
-      primary: /* @__PURE__ */ React.createElement(Link, { noTrack: true, to: result.location }, (highlight == null ? void 0 : highlight.fields.title) ? /* @__PURE__ */ React.createElement(
-        HighlightedSearchResultText,
-        {
-          text: (highlight == null ? void 0 : highlight.fields.title) || "",
-          preTag: (highlight == null ? void 0 : highlight.preTag) || "",
-          postTag: (highlight == null ? void 0 : highlight.postTag) || ""
-        }
-      ) : result.title),
-      secondary: /* @__PURE__ */ React.createElement(
-        Typography,
-        {
-          component: "span",
-          style: {
-            display: "-webkit-box",
-            WebkitBoxOrient: "vertical",
-            WebkitLineClamp: lineClamp,
-            overflow: "hidden"
-          },
-          color: "textSecondary",
-          variant: "body2"
-        },
-        (highlight == null ? void 0 : highlight.fields.text) ? /* @__PURE__ */ React.createElement(
-          HighlightedSearchResultText,
-          {
-            text: highlight.fields.text,
-            preTag: highlight.preTag,
-            postTag: highlight.postTag
-          }
-        ) : result.text
-      )
-    }
-  ), secondaryAction && /* @__PURE__ */ React.createElement(Box, { alignItems: "flex-end" }, secondaryAction));
-};
-const HigherOrderDefaultResultListItem = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    AnalyticsContext,
-    {
-      attributes: {
-        pluginId: "search",
-        extension: "DefaultResultListItem"
-      }
-    },
-    /* @__PURE__ */ React.createElement(DefaultResultListItemComponent, { ...props })
-  );
-};
-
-const SEARCH_RESULT_LIST_ITEM_EXTENSION = "search.results.list.items.extensions.v1";
-const findSearchResultListItemExtensionElement = (elements, result) => {
-  for (const element of elements) {
-    if (!isValidElement(element))
-      continue;
-    const predicate = getComponentData(
-      element,
-      SEARCH_RESULT_LIST_ITEM_EXTENSION
-    );
-    if (!(predicate == null ? void 0 : predicate(result)))
-      continue;
-    return cloneElement(element, {
-      rank: result.rank,
-      highlight: result.highlight,
-      result: result.document,
-      // Use props in situations where a consumer is manually rendering the extension
-      ...element.props
-    });
-  }
-  return null;
-};
-const SearchResultListItemExtension = (props) => {
-  const {
-    rank,
-    result,
-    noTrack,
-    children,
-    alignItems = "flex-start",
-    ...rest
-  } = props;
-  const analytics = useAnalytics();
-  const handleClickCapture = useCallback(() => {
-    if (noTrack)
-      return;
-    if (!result)
-      return;
-    analytics.captureEvent("discover", result.title, {
-      attributes: { to: result.location },
-      value: rank
-    });
-  }, [rank, result, noTrack, analytics]);
-  return /* @__PURE__ */ React.createElement(
-    ListItem,
-    {
-      divider: true,
-      alignItems,
-      onClickCapture: handleClickCapture,
-      ...rest
-    },
-    children
-  );
-};
-const createSearchResultListItemExtension = (options) => {
-  const { name, component, predicate = () => true } = options;
-  return createReactExtension({
-    name,
-    component: {
-      lazy: () => component().then(
-        (type) => (props) => /* @__PURE__ */ React.createElement(
-          SearchResultListItemExtension,
-          {
-            rank: props.rank,
-            result: props.result,
-            noTrack: props.noTrack
-          },
-          createElement(type, props)
-        )
-      )
-    },
-    data: {
-      [SEARCH_RESULT_LIST_ITEM_EXTENSION]: predicate
-    }
-  });
-};
-const useSearchResultListItemExtensions = (children) => {
-  const elements = useElementFilter(
-    children,
-    (collection) => {
-      return collection.selectByComponentData({
-        key: SEARCH_RESULT_LIST_ITEM_EXTENSION
-      }).getElements();
-    },
-    [children]
-  );
-  return useCallback(
-    (result, key) => {
-      const element = findSearchResultListItemExtensionElement(
-        elements,
-        result
-      );
-      return /* @__PURE__ */ React.createElement(Fragment, { key }, element != null ? element : /* @__PURE__ */ React.createElement(
-        SearchResultListItemExtension,
-        {
-          rank: result.rank,
-          result: result.document
-        },
-        /* @__PURE__ */ React.createElement(
-          HigherOrderDefaultResultListItem,
-          {
-            rank: result.rank,
-            highlight: result.highlight,
-            result: result.document
-          }
-        )
-      ));
-    },
-    [elements]
-  );
-};
-const SearchResultListItemExtensions = (props) => {
-  const { results, children, ...rest } = props;
-  const render = useSearchResultListItemExtensions(children);
-  return /* @__PURE__ */ React.createElement(List, { ...rest }, results.map(render));
-};
-
 const SearchContext = createVersionedContext("search-context");
 const useSearch = () => {
   const context = useContext(SearchContext);
@@ -843,7 +653,7 @@ const SelectFilter = (props) => {
         onChange: handleChange
       },
       /* @__PURE__ */ React.createElement(MenuItem, { value: "" }, /* @__PURE__ */ React.createElement("em", null, "All")),
-      values.map((value) => /* @__PURE__ */ React.createElement(MenuItem, { key: value, value }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "inherit", noWrap: true }, value)))
+      values.map((value) => /* @__PURE__ */ React.createElement(MenuItem, { key: value, value }, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, value)))
     )
   );
 };
@@ -1115,7 +925,7 @@ const SearchResultGroupTextFilterField = (props) => {
     [onChange]
   );
   return /* @__PURE__ */ React.createElement(SearchResultGroupFilterFieldLayout, { label, onDelete }, /* @__PURE__ */ React.createElement(
-    Typography$1,
+    Typography,
     {
       role: "textbox",
       component: "span",
@@ -1216,7 +1026,7 @@ function SearchResultGroupLayout(props) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, noResultsComponent);
   }
   return /* @__PURE__ */ React.createElement(List, { ...rest }, /* @__PURE__ */ React.createElement(ListSubheader, { className: classes.listSubheader }, icon, /* @__PURE__ */ React.createElement(
-    Typography$1,
+    Typography,
     {
       className: classes.listSubheaderName,
       component: "strong",
@@ -1320,5 +1130,5 @@ const SearchResultPager = () => {
   ));
 };
 
-export { AutocompleteFilter, CheckboxFilter, HigherOrderDefaultResultListItem as DefaultResultListItem, HighlightedSearchResultText, MockSearchApi, SearchAutocomplete, SearchAutocompleteDefaultOption, SearchBar, SearchBarBase, SearchContextProvider, SearchFilter, SearchPagination, SearchPaginationBase, SearchResult, SearchResultApi, SearchResultComponent, SearchResultContext, SearchResultGroup, SearchResultGroupFilterFieldLayout, SearchResultGroupLayout, SearchResultGroupSelectFilterField, SearchResultGroupTextFilterField, SearchResultList, SearchResultListItemExtensions, SearchResultListLayout, SearchResultPager, SearchResultState, SelectFilter, createSearchResultListItemExtension, searchApiRef, useSearch, useSearchContextCheck, useSearchResultListItemExtensions };
+export { AutocompleteFilter, CheckboxFilter, MockSearchApi, SearchAutocomplete, SearchAutocompleteDefaultOption, SearchBar, SearchBarBase, SearchContextProvider, SearchFilter, SearchPagination, SearchPaginationBase, SearchResult, SearchResultApi, SearchResultComponent, SearchResultContext, SearchResultGroup, SearchResultGroupFilterFieldLayout, SearchResultGroupLayout, SearchResultGroupSelectFilterField, SearchResultGroupTextFilterField, SearchResultList, SearchResultListLayout, SearchResultPager, SearchResultState, SelectFilter, searchApiRef, useSearch, useSearchContextCheck };
 //# sourceMappingURL=index.esm.js.map