@backstage/plugin-search-react 1.4.0 → 1.5.0-next.1

package/dist/index.esm.js

@@ -1,21 +1,21 @@
-import { createApiRef, AnalyticsContext, useApi, useAnalytics, configApiRef } from '@backstage/core-plugin-api';
-import React, { useMemo, useContext, useState, useCallback, useEffect, forwardRef, useRef } from 'react';
-import { makeStyles, InputBase, InputAdornment, IconButton, CircularProgress, ListItemIcon, ListItemText, TextField, Chip, FormControl, FormLabel, FormControlLabel, Checkbox, InputLabel, Select, MenuItem, Button, TablePagination, ListItem, Box, Divider, List, Typography as Typography$1, ListSubheader, Menu } from '@material-ui/core';
+import { createApiRef, AnalyticsContext, useApi, useAnalytics, configApiRef, createReactExtension, useElementFilter, getComponentData } from '@backstage/core-plugin-api';
+import React, { useMemo, useContext, useState, useCallback, useEffect, forwardRef, useRef, createElement, Fragment, isValidElement, cloneElement } from 'react';
+import { makeStyles, InputBase, InputAdornment, IconButton, CircularProgress, ListItemIcon, ListItemText, TextField, Chip, FormControl, FormLabel, FormControlLabel, Checkbox, InputLabel, Select, MenuItem, TablePagination, Box, List, Typography as Typography$1, ListSubheader, Menu, Button, ListItem } from '@material-ui/core';
 import useDebounce from 'react-use/lib/useDebounce';
 import SearchIcon from '@material-ui/icons/Search';
 import ClearButton from '@material-ui/icons/Clear';
-import { isEqual } from 'lodash';
+import { isEqual, isFunction } from 'lodash';
 import useAsync from 'react-use/lib/useAsync';
 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 ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
-import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
 import Typography from '@material-ui/core/Typography';
 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';
 
 const searchApiRef = createApiRef({
   id: "plugin.search.queryservice"
@@ -622,96 +622,6 @@ SearchFilter.Checkbox = (props) => /* @__PURE__ */ React.createElement(SearchFil
 SearchFilter.Select = (props) => /* @__PURE__ */ React.createElement(SearchFilter, { ...props, component: SelectFilter });
 SearchFilter.Autocomplete = (props) => /* @__PURE__ */ React.createElement(SearchFilter, { ...props, component: AutocompleteFilter });
 
-const SearchResultContext = (props) => {
-  const { children } = props;
-  const context = useSearch();
-  const state = context.result;
-  return children(state);
-};
-const SearchResultApi = (props) => {
-  const { query, children } = props;
-  const searchApi = useApi(searchApiRef);
-  const state = useAsync(() => {
-    const { term = "", types = [], filters = {}, ...rest } = query;
-    return searchApi.query({ ...rest, term, types, filters });
-  }, [query]);
-  return children(state);
-};
-const SearchResultState = (props) => {
-  const { query, children } = props;
-  return query ? /* @__PURE__ */ React.createElement(SearchResultApi, { query }, children) : /* @__PURE__ */ React.createElement(SearchResultContext, null, children);
-};
-const SearchResultComponent = (props) => {
-  const {
-    query,
-    children,
-    noResultsComponent = /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" })
-  } = props;
-  return /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }) => {
-    if (loading) {
-      return /* @__PURE__ */ React.createElement(Progress, null);
-    }
-    if (error) {
-      return /* @__PURE__ */ React.createElement(
-        ResponseErrorPanel,
-        {
-          title: "Error encountered while fetching search results",
-          error
-        }
-      );
-    }
-    if (!(value == null ? void 0 : value.results.length)) {
-      return noResultsComponent;
-    }
-    return children(value);
-  });
-};
-const SearchResult = (props) => /* @__PURE__ */ React.createElement(
-  AnalyticsContext,
-  {
-    attributes: {
-      pluginId: "search",
-      extension: "SearchResult"
-    }
-  },
-  /* @__PURE__ */ React.createElement(SearchResultComponent, { ...props })
-);
-
-const useStyles$1 = makeStyles((theme) => ({
-  root: {
-    display: "flex",
-    justifyContent: "space-between",
-    gap: theme.spacing(2),
-    margin: theme.spacing(2, 0)
-  }
-}));
-const SearchResultPager = () => {
-  const { fetchNextPage, fetchPreviousPage } = useSearch();
-  const classes = useStyles$1();
-  if (!fetchNextPage && !fetchPreviousPage) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  }
-  return /* @__PURE__ */ React.createElement("nav", { "aria-label": "pagination navigation", className: classes.root }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      "aria-label": "previous page",
-      disabled: !fetchPreviousPage,
-      onClick: fetchPreviousPage,
-      startIcon: /* @__PURE__ */ React.createElement(ArrowBackIosIcon, null)
-    },
-    "Previous"
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      "aria-label": "next page",
-      disabled: !fetchNextPage,
-      onClick: fetchNextPage,
-      endIcon: /* @__PURE__ */ React.createElement(ArrowForwardIosIcon, null)
-    },
-    "Next"
-  ));
-};
-
 const encodePageCursor = (pageCursor) => {
   return Buffer.from(pageCursor.toString(), "utf-8").toString("base64");
 };
@@ -776,26 +686,79 @@ const SearchPagination = (props) => {
   );
 };
 
+const SearchResultContext = (props) => {
+  const { children } = props;
+  const context = useSearch();
+  const { result: state, ...query } = context;
+  return children(state, query);
+};
+const SearchResultApi = (props) => {
+  const { query, children } = props;
+  const searchApi = useApi(searchApiRef);
+  const state = useAsync(() => {
+    const { term = "", types = [], filters = {}, ...rest } = query;
+    return searchApi.query({ ...rest, term, types, filters });
+  }, [query]);
+  return children(state, query);
+};
+const SearchResultState = (props) => {
+  const { query, children } = props;
+  return query ? /* @__PURE__ */ React.createElement(SearchResultApi, { query }, children) : /* @__PURE__ */ React.createElement(SearchResultContext, null, children);
+};
+const SearchResultComponent = (props) => {
+  const {
+    query,
+    children,
+    noResultsComponent = /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" }),
+    ...rest
+  } = props;
+  return /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }) => {
+    if (loading) {
+      return /* @__PURE__ */ React.createElement(Progress, null);
+    }
+    if (error) {
+      return /* @__PURE__ */ React.createElement(
+        ResponseErrorPanel,
+        {
+          title: "Error encountered while fetching search results",
+          error
+        }
+      );
+    }
+    if (!(value == null ? void 0 : value.results.length)) {
+      return noResultsComponent;
+    }
+    if (isFunction(children)) {
+      return children(value);
+    }
+    return /* @__PURE__ */ React.createElement(SearchResultListItemExtensions, { ...rest, results: value.results }, children);
+  });
+};
+const SearchResult = (props) => /* @__PURE__ */ React.createElement(
+  AnalyticsContext,
+  {
+    attributes: {
+      pluginId: "search",
+      extension: "SearchResult"
+    }
+  },
+  /* @__PURE__ */ React.createElement(SearchResultComponent, { ...props })
+);
+
 const DefaultResultListItemComponent = ({
   result,
   highlight,
-  rank,
   icon,
   secondaryAction,
   lineClamp = 5
 }) => {
-  const analytics = useAnalytics();
-  const handleClick = () => {
-    analytics.captureEvent("discover", result.title, {
-      attributes: { to: result.location },
-      value: rank
-    });
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, { alignItems: "center" }, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, icon), /* @__PURE__ */ React.createElement(
+  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, onClick: handleClick }, (highlight == null ? void 0 : highlight.fields.title) ? /* @__PURE__ */ React.createElement(
+      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) || "",
@@ -824,7 +787,7 @@ const DefaultResultListItemComponent = ({
         ) : result.text
       )
     }
-  ), secondaryAction && /* @__PURE__ */ React.createElement(Box, { alignItems: "flex-end" }, secondaryAction)), /* @__PURE__ */ React.createElement(Divider, null));
+  ), secondaryAction && /* @__PURE__ */ React.createElement(Box, { alignItems: "flex-end" }, secondaryAction));
 };
 const HigherOrderDefaultResultListItem = (props) => {
   return /* @__PURE__ */ React.createElement(
@@ -841,8 +804,8 @@ const HigherOrderDefaultResultListItem = (props) => {
 
 const SearchResultListLayout = (props) => {
   const {
-    loading,
     error,
+    loading,
     resultItems,
     renderResultItem = (resultItem) => /* @__PURE__ */ React.createElement(
       HigherOrderDefaultResultListItem,
@@ -851,19 +814,30 @@ const SearchResultListLayout = (props) => {
         result: resultItem.document
       }
     ),
-    noResultsComponent = /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" }),
+    disableRenderingWithNoResults,
+    noResultsComponent = disableRenderingWithNoResults ? null : /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" }),
     ...rest
   } = props;
-  return /* @__PURE__ */ React.createElement(List, { ...rest }, loading ? /* @__PURE__ */ React.createElement(Progress, null) : null, !loading && error ? /* @__PURE__ */ React.createElement(
-    ResponseErrorPanel,
-    {
-      title: "Error encountered while fetching search results",
-      error
-    }
-  ) : null, !loading && !error && (resultItems == null ? void 0 : resultItems.length) ? resultItems.map(renderResultItem) : null, !loading && !error && !(resultItems == null ? void 0 : resultItems.length) ? /* @__PURE__ */ React.createElement(ListItem, null, noResultsComponent) : null);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(
+      ResponseErrorPanel,
+      {
+        title: "Error encountered while fetching search results",
+        error
+      }
+    );
+  }
+  if (!(resultItems == null ? void 0 : resultItems.length)) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, noResultsComponent);
+  }
+  return /* @__PURE__ */ React.createElement(List, { ...rest }, resultItems.map(renderResultItem));
 };
 const SearchResultList = (props) => {
-  const { query, disableRenderingWithNoResults, ...rest } = props;
+  const { query, renderResultItem, children, ...rest } = props;
+  const defaultRenderResultItem = useSearchResultListItemExtensions(children);
   return /* @__PURE__ */ React.createElement(
     AnalyticsContext,
     {
@@ -872,25 +846,20 @@ const SearchResultList = (props) => {
         extension: "SearchResultList"
       }
     },
-    /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }) => {
-      var _a;
-      if (!((_a = value == null ? void 0 : value.results) == null ? void 0 : _a.length) && disableRenderingWithNoResults) {
-        return null;
+    /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }) => /* @__PURE__ */ React.createElement(
+      SearchResultListLayout,
+      {
+        ...rest,
+        error,
+        loading,
+        resultItems: value == null ? void 0 : value.results,
+        renderResultItem: renderResultItem != null ? renderResultItem : defaultRenderResultItem
       }
-      return /* @__PURE__ */ React.createElement(
-        SearchResultListLayout,
-        {
-          ...rest,
-          loading,
-          error,
-          resultItems: value == null ? void 0 : value.results
-        }
-      );
-    })
+    ))
   );
 };
 
-const useStyles = makeStyles((theme) => ({
+const useStyles$1 = makeStyles((theme) => ({
   listSubheader: {
     display: "flex",
     alignItems: "center"
@@ -919,7 +888,7 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 const SearchResultGroupFilterFieldLayout = (props) => {
-  const classes = useStyles();
+  const classes = useStyles$1();
   const { label, children, ...rest } = props;
   return /* @__PURE__ */ React.createElement(
     Chip,
@@ -1011,15 +980,15 @@ const SearchResultGroupSelectFilterField = (props) => {
   ));
 };
 function SearchResultGroupLayout(props) {
-  const classes = useStyles();
+  const classes = useStyles$1();
   const [anchorEl, setAnchorEl] = useState(null);
   const {
-    loading,
     error,
+    loading,
     icon,
     title,
     titleProps = {},
-    link = /* @__PURE__ */ React.createElement(React.Fragment, null, "See all", /* @__PURE__ */ React.createElement(ArrowForwardIosIcon, { className: classes.listSubheaderLinkIcon })),
+    link = /* @__PURE__ */ React.createElement(React.Fragment, null, "See all", /* @__PURE__ */ React.createElement(ArrowRightIcon, { className: classes.listSubheaderLinkIcon })),
     linkProps = {},
     filterOptions,
     renderFilterOption = (filterOption) => /* @__PURE__ */ React.createElement(MenuItem, { key: String(filterOption), value: String(filterOption) }, filterOption),
@@ -1033,7 +1002,8 @@ function SearchResultGroupLayout(props) {
         result: resultItem.document
       }
     ),
-    noResultsComponent = /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" }),
+    disableRenderingWithNoResults,
+    noResultsComponent = disableRenderingWithNoResults ? null : /* @__PURE__ */ React.createElement(EmptyState, { missing: "data", title: "Sorry, no results were found" }),
     ...rest
   } = props;
   const handleClick = useCallback((e) => {
@@ -1042,6 +1012,21 @@ function SearchResultGroupLayout(props) {
   const handleClose = useCallback(() => {
     setAnchorEl(null);
   }, []);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(
+      ResponseErrorPanel,
+      {
+        title: "Error encountered while fetching search results",
+        error
+      }
+    );
+  }
+  if (!(resultItems == null ? void 0 : resultItems.length)) {
+    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,
     {
@@ -1078,30 +1063,11 @@ function SearchResultGroupLayout(props) {
       var _a;
       return (_a = renderFilterField == null ? void 0 : renderFilterField(filterField)) != null ? _a : null;
     }
-  ), /* @__PURE__ */ React.createElement(Link, { className: classes.listSubheaderLink, to: "/search", ...linkProps }, link)), loading ? /* @__PURE__ */ React.createElement(Progress, null) : null, !loading && error ? /* @__PURE__ */ React.createElement(
-    ResponseErrorPanel,
-    {
-      title: "Error encountered while fetching search results",
-      error
-    }
-  ) : null, !loading && !error && (resultItems == null ? void 0 : resultItems.length) ? resultItems.map(renderResultItem) : null, !loading && !error && !(resultItems == null ? void 0 : resultItems.length) ? /* @__PURE__ */ React.createElement(ListItem, null, noResultsComponent) : null);
+  ), /* @__PURE__ */ React.createElement(Link, { className: classes.listSubheaderLink, to: "/search", ...linkProps }, link)), resultItems.map(renderResultItem));
 }
 function SearchResultGroup(props) {
-  const {
-    query,
-    linkProps = {},
-    disableRenderingWithNoResults,
-    ...rest
-  } = props;
-  const to = `/search?${qs.stringify(
-    {
-      query: query.term,
-      types: query.types,
-      filters: query.filters,
-      pageCursor: query.pageCursor
-    },
-    { arrayFormat: "brackets" }
-  )}`;
+  const { query, children, renderResultItem, linkProps = {}, ...rest } = props;
+  const defaultRenderResultItem = useSearchResultListItemExtensions(children);
   return /* @__PURE__ */ React.createElement(
     AnalyticsContext,
     {
@@ -1110,25 +1076,176 @@ function SearchResultGroup(props) {
         extension: "SearchResultGroup"
       }
     },
-    /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }) => {
-      var _a, _b;
-      if (!((_a = value == null ? void 0 : value.results) == null ? void 0 : _a.length) && disableRenderingWithNoResults) {
-        return null;
-      }
+    /* @__PURE__ */ React.createElement(SearchResultState, { query }, ({ loading, error, value }, { term, types, pageCursor, filters = {} }) => {
+      const to = `/search?${qs.stringify(
+        { term, types, filters, pageCursor, query: term },
+        { arrayFormat: "brackets" }
+      )}`;
       return /* @__PURE__ */ React.createElement(
         SearchResultGroupLayout,
         {
           ...rest,
-          loading,
           error,
+          loading,
           linkProps: { to, ...linkProps },
+          filterFields: Object.keys(filters),
           resultItems: value == null ? void 0 : value.results,
-          filterFields: Object.keys((_b = query.filters) != null ? _b : {})
+          renderResultItem: renderResultItem != null ? renderResultItem : defaultRenderResultItem
         }
       );
     })
   );
 }
 
-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, SearchResultListLayout, SearchResultPager, SearchResultState, SelectFilter, searchApiRef, useSearch, useSearchContextCheck };
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: theme.spacing(2),
+    margin: theme.spacing(2, 0)
+  }
+}));
+const SearchResultPager = () => {
+  const { fetchNextPage, fetchPreviousPage } = useSearch();
+  const classes = useStyles();
+  if (!fetchNextPage && !fetchPreviousPage) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  }
+  return /* @__PURE__ */ React.createElement("nav", { "aria-label": "pagination navigation", className: classes.root }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      "aria-label": "previous page",
+      disabled: !fetchPreviousPage,
+      onClick: fetchPreviousPage,
+      startIcon: /* @__PURE__ */ React.createElement(ArrowBackIosIcon, null)
+    },
+    "Previous"
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      "aria-label": "next page",
+      disabled: !fetchNextPage,
+      onClick: fetchNextPage,
+      endIcon: /* @__PURE__ */ React.createElement(ArrowRightIcon, null)
+    },
+    "Next"
+  ));
+};
+
+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 { 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 };
 //# sourceMappingURL=index.esm.js.map