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

package/dist/esm/{index-87731096.esm.js → index-5896ef53.esm.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import SearchIcon from '@material-ui/icons/Search';
 import { SidebarItem } from '@backstage/core-components';
-import { u as useSearchModal, d as SearchModal } from './index-a995a1ca.esm.js';
+import { d as SearchModalProvider, u as useSearchModal, e as SearchModal } from './index-489028c1.esm.js';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
 import 'react-use/lib/useDebounce';
@@ -12,11 +12,11 @@ import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@material-ui/core/styles';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
 import 'qs';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
@@ -29,7 +29,7 @@ import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
 
-const SidebarSearchModal = (props) => {
+const SidebarSearchModalContent = (props) => {
   const { state, toggleModal } = useSearchModal();
   const Icon = props.icon ? props.icon : SearchIcon;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SidebarItem, {
@@ -43,6 +43,11 @@ const SidebarSearchModal = (props) => {
     children: props.children
   }));
 };
+const SidebarSearchModal = (props) => {
+  return /* @__PURE__ */ React.createElement(SearchModalProvider, null, /* @__PURE__ */ React.createElement(SidebarSearchModalContent, {
+    ...props
+  }));
+};
 
 export { SidebarSearchModal };
-//# sourceMappingURL=index-87731096.esm.js.map
+//# sourceMappingURL=index-5896ef53.esm.js.map

package/dist/esm/index-5896ef53.esm.js.map

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

package/dist/esm/{index-e3f876bf.esm.js → index-67b1c480.esm.js}

@@ -1,4 +1,4 @@
-export { c as SearchResult } from './index-a995a1ca.esm.js';
+export { S as SearchPage } from './index-489028c1.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
@@ -12,11 +12,11 @@ import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@material-ui/core/styles';
 import '@backstage/core-components';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
 import 'qs';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
@@ -28,4 +28,4 @@ import 'react-use/lib/useEffectOnce';
 import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-e3f876bf.esm.js.map
+//# sourceMappingURL=index-67b1c480.esm.js.map

package/dist/esm/index-67b1c480.esm.js.map

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

package/dist/esm/{index-48917ac5.esm.js → index-8376e63d.esm.js}

@@ -1,4 +1,4 @@
-export { D as DefaultResultListItem } from './index-a995a1ca.esm.js';
+export { D as DefaultResultListItem } from './index-489028c1.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
@@ -12,11 +12,11 @@ import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@material-ui/core/styles';
 import '@backstage/core-components';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
 import 'qs';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
@@ -28,4 +28,4 @@ import 'react-use/lib/useEffectOnce';
 import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-48917ac5.esm.js.map
+//# sourceMappingURL=index-8376e63d.esm.js.map

package/dist/esm/index-8376e63d.esm.js.map

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

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

@@ -1,4 +1,4 @@
-export { a as SearchBar, b as SearchBarBase } from './index-a995a1ca.esm.js';
+export { a as SearchBar, b as SearchBarBase } from './index-489028c1.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
@@ -12,11 +12,11 @@ import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@material-ui/core/styles';
 import '@backstage/core-components';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
 import 'qs';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
@@ -28,4 +28,4 @@ import 'react-use/lib/useEffectOnce';
 import '@material-ui/icons/ExpandMore';
 import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-03e76ebf.esm.js.map
+//# sourceMappingURL=index-f5d48e31.esm.js.map

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

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

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { r as rootRouteRef, b as SearchBarBase } from './index-a995a1ca.esm.js';
+import { r as rootRouteRef, b as SearchBarBase } from './index-489028c1.esm.js';
 import qs from 'qs';
 import { useNavigate } from 'react-router-dom';
 import { useRouteRef } from '@backstage/core-plugin-api';
@@ -14,10 +14,10 @@ import '@material-ui/lab';
 import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@backstage/core-components';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';
@@ -65,4 +65,4 @@ const HomePageSearchBar = ({ ...props }) => {
 };
 
 export { HomePageSearchBar };
-//# sourceMappingURL=index-8bd3badc.esm.js.map
+//# sourceMappingURL=index-fdbbcb7c.esm.js.map

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

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

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { InputBaseProps } from '@material-ui/core';
 import * as react from 'react';
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent } from '@backstage/core-plugin-api';
 import * as _backstage_plugin_search_common from '@backstage/plugin-search-common';
@@ -172,16 +172,12 @@ interface SearchModalProps {
 declare const SearchModal: ({ open, hidden, toggleModal, children, }: SearchModalProps) => JSX.Element;
 
 /**
- * Use this hook to manage the state of {@link SearchModal}
- * and change its visibility.
+ * The state of the search modal, as well as functions for changing the modal's
+ * visibility.
  *
  * @public
- *
- * @param initialState - pass `true` to make the modal initially visible
- * @returns an object containing the state of the modal together with
- * functions for changing the visibility of the modal.
  */
-declare function useSearchModal(initialState?: boolean): {
+declare type SearchModalValue = {
     state: {
         hidden: boolean;
         open: boolean;
@@ -189,6 +185,61 @@ declare function useSearchModal(initialState?: boolean): {
     toggleModal: () => void;
     setOpen: (open: boolean) => void;
 };
+/**
+ * Props for the SearchModalProvider.
+ * @public
+ */
+declare type SearchModalProviderProps = {
+    /**
+     * Children which should have access to the SearchModal context and the
+     * associated useSearchModal() hook.
+     */
+    children: ReactNode;
+    /**
+     * Pass true if the modal should be rendered initially.
+     */
+    showInitially?: boolean;
+};
+/**
+ * A context provider responsible for storing and managing state related to the
+ * search modal.
+ *
+ * @remarks
+ * If you need to control visibility of the search toggle outside of the modal
+ * itself, you can optionally place this higher up in the react tree where your
+ * custom code and the search modal share the same context.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   SearchModalProvider,
+ *   SidebarSearchModal,
+ * } from '@backstage/plugin-search';
+ *
+ * // ...
+ *
+ * <SearchModalProvider>
+ *   <KeyboardShortcutSearchToggler />
+ *   <SidebarSearchModal>
+ *     {({ toggleModal }) => <SearchModal toggleModal={toggleModal} />}
+ *   </SidebarSearchModal>
+ * </SearchModalProvider>
+ * ```
+ *
+ * @public
+ */
+declare const SearchModalProvider: ({ children, showInitially, }: SearchModalProviderProps) => JSX.Element;
+/**
+ * Use this hook to manage the state of {@link SearchModal}
+ * and change its visibility.
+ *
+ * @public
+ *
+ * @param initialState - pass `true` to make the modal initially visible
+ * @returns an object containing the state of the modal together with
+ * functions for changing the visibility of the modal.
+ */
+declare function useSearchModal(initialState?: boolean): SearchModalValue;
 
 declare const SearchPage$1: () => JSX.Element;
 
@@ -278,12 +329,13 @@ declare const SearchResult: ({ children }: {
     }) => JSX.Element;
 }) => JSX.Element;
 declare const SidebarSearchModal: (props: SidebarSearchModalProps) => JSX.Element;
-declare const DefaultResultListItem: ({ result, icon, secondaryAction, lineClamp, }: {
+declare const DefaultResultListItem: ({ result, highlight, icon, secondaryAction, lineClamp, }: {
     icon?: react.ReactNode;
     secondaryAction?: react.ReactNode;
     result: _backstage_plugin_search_common.SearchDocument;
+    highlight?: _backstage_plugin_search_common.ResultHighlight | undefined;
     lineClamp?: number | undefined;
 }) => JSX.Element;
 declare const HomePageSearchBar: ({ ...props }: Partial<Omit<SearchBarBaseProps, "onChange" | "onSubmit">>) => JSX.Element;
 
-export { DefaultResultListItem, Filters, FiltersButton, FiltersState, HomePageSearchBar, HomePageSearchBarProps, SearchPage$1 as Router, SearchAutocompleteFilterProps, SearchBar, SearchBarBase, SearchBarBaseProps, SearchBarNext, SearchBarProps, SearchFilter, SearchFilterComponentProps, SearchFilterNext, SearchFilterWrapperProps, SearchModal, SearchModalChildrenProps, SearchModalProps, SearchPage, SearchPageNext, SearchResult, SearchResultPager, SearchType, SearchTypeAccordionProps, SearchTypeProps, SearchTypeTabsProps, SidebarSearch, SidebarSearchModal, SidebarSearchModalProps, SidebarSearchProps, searchPlugin as plugin, searchPlugin, useSearchModal };
+export { DefaultResultListItem, Filters, FiltersButton, FiltersState, HomePageSearchBar, HomePageSearchBarProps, SearchPage$1 as Router, SearchAutocompleteFilterProps, SearchBar, SearchBarBase, SearchBarBaseProps, SearchBarNext, SearchBarProps, SearchFilter, SearchFilterComponentProps, SearchFilterNext, SearchFilterWrapperProps, SearchModal, SearchModalChildrenProps, SearchModalProps, SearchModalProvider, SearchModalProviderProps, SearchModalValue, SearchPage, SearchPageNext, SearchResult, SearchResultPager, SearchType, SearchTypeAccordionProps, SearchTypeProps, SearchTypeTabsProps, SidebarSearch, SidebarSearchModal, SidebarSearchModalProps, SidebarSearchProps, searchPlugin as plugin, searchPlugin, useSearchModal };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { k as DefaultResultListItem, F as Filters, e as FiltersButton, H as HomePageSearchBar, S as Router, a as SearchBar, b as SearchBarBase, l as SearchBarNext, f as SearchFilter, g as SearchFilterNext, d as SearchModal, m as SearchPage, n as SearchPageNext, o as SearchResult, h as SearchResultPager, i as SearchType, j as SidebarSearch, p as SidebarSearchModal, s as plugin, s as searchPlugin, u as useSearchModal } from './esm/index-a995a1ca.esm.js';
+export { l as DefaultResultListItem, F as Filters, f as FiltersButton, H as HomePageSearchBar, S as Router, a as SearchBar, b as SearchBarBase, m as SearchBarNext, g as SearchFilter, h as SearchFilterNext, e as SearchModal, d as SearchModalProvider, n as SearchPage, o as SearchPageNext, p as SearchResult, i as SearchResultPager, j as SearchType, k as SidebarSearch, q as SidebarSearchModal, s as plugin, s as searchPlugin, u as useSearchModal } from './esm/index-489028c1.esm.js';
 import 'react';
 import '@material-ui/icons/FilterList';
 import '@material-ui/core';
@@ -12,11 +12,11 @@ import 'react-use/lib/useAsyncFn';
 import '@material-ui/icons/Launch';
 import '@material-ui/core/styles';
 import '@backstage/core-components';
-import 'react-text-truncate';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@backstage/errors';
 import 'qs';
+import '@backstage/version-bridge';
 import 'react-use/lib/usePrevious';
 import 'react-router';
 import '@material-ui/core/InputBase';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/plugin-search",
   "description": "The Backstage plugin that provides your backstage app with search",
-  "version": "0.8.1-next.0",
+  "version": "0.8.1",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -33,23 +33,23 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.0.1",
-    "@backstage/config": "^1.0.0",
-    "@backstage/core-components": "^0.9.3",
-    "@backstage/core-plugin-api": "^1.0.1",
+    "@backstage/catalog-model": "^1.0.2",
+    "@backstage/config": "^1.0.1",
+    "@backstage/core-components": "^0.9.4",
+    "@backstage/core-plugin-api": "^1.0.2",
     "@backstage/errors": "^1.0.0",
-    "@backstage/plugin-catalog-react": "^1.1.0-next.0",
-    "@backstage/plugin-search-common": "^0.3.3",
-    "@backstage/plugin-search-react": "^0.1.1-next.0",
+    "@backstage/plugin-catalog-react": "^1.1.0",
+    "@backstage/plugin-search-common": "^0.3.4",
+    "@backstage/plugin-search-react": "^0.2.0",
     "@backstage/theme": "^0.2.15",
     "@backstage/types": "^1.0.0",
+    "@backstage/version-bridge": "^1.0.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "qs": "^6.9.4",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
-    "react-text-truncate": "^0.18.0",
     "react-use": "^17.2.4"
   },
   "peerDependencies": {
@@ -57,10 +57,10 @@
     "react": "^16.13.1 || ^17.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.17.1-next.0",
-    "@backstage/core-app-api": "^1.0.1",
-    "@backstage/dev-utils": "^1.0.2-next.0",
-    "@backstage/test-utils": "^1.0.2-next.0",
+    "@backstage/cli": "^0.17.1",
+    "@backstage/core-app-api": "^1.0.2",
+    "@backstage/dev-utils": "^1.0.2",
+    "@backstage/test-utils": "^1.1.0",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^12.1.3",
     "@testing-library/react-hooks": "^8.0.0",
@@ -73,5 +73,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "88ee375f5ee44b7a7917297785ddf88691fe3381"
+  "gitHead": "96323f280ba32ee526c5b151cda42260aee927c9"
 }

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

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

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

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

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

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