@backstage/plugin-search 0.5.0 → 0.5.4

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @backstage/plugin-search
 
+## 0.5.4
+
+### Patch Changes
+
+- e05b9115aa: Fix missing search context issue with `HomePageSearchBar`
+- 4ce51ab0f1: Internal refactor of the `react-use` imports to use `react-use/lib/*` instead.
+- 54ef743aa4: Introduce a `<SearchType.Tabs />` variant to display tabs for selecting search result types.
+- Updated dependencies
+  - @backstage/core-plugin-api@0.4.1
+  - @backstage/plugin-catalog-react@0.6.10
+  - @backstage/core-components@0.8.3
+
+## 0.5.3
+
+### Patch Changes
+
+- 6d8e3a9651: Internal cleanup of the exports structure
+- 8b532a6c02: Introduces a `<SearchType.Accordion />` variant, which operates on the same part of a search query as the existing `<SearchType />`, but in a more opinionated way (as a single-select control surface suitable for faceted search UIs).
+
+  Check the [search plugin storybook](https://backstage.io/storybook/?path=/story/plugins-search-searchtype--accordion) to see how it can be used.
+
+- af4980fb5d: Captures the search term entered in the SearchBarBase as a `search` event.
+- Updated dependencies
+  - @backstage/plugin-catalog-react@0.6.9
+
+## 0.5.2
+
+### Patch Changes
+
+- 3d98955c8a: Add Optional Props to Override Icon for SidebarSearch and SidebarSearchModal Component
+- 49a696d720: Standardizes the component used as a search box in the search modal and in the composable home page.
+
+  After these changes, all search boxes exported by the search plugin are based on the `<SearchBarBase />` component, and this one is based on the `<InputBase />` component of the Material UI. This means that when you use SearchBarBase or one of its derived components (like `SearchBar` and `HomePageSearchBar`) you can pass all properties accepted by InputBase that have not been replaced by the props type of those components.
+
+  For example:
+
+  ```jsx
+  <SearchInputBase color="secondary" debouceTime={500} />
+  ```
+
+  The `color` property is inherited from `InputBaseProps` type and `debouceTime` defined by `SearchBarBaseProps`.
+
+- 7a4bd2ceac: Prefer using `Link` from `@backstage/core-components` rather than material-UI.
+- Updated dependencies
+  - @backstage/core-plugin-api@0.4.0
+  - @backstage/plugin-catalog-react@0.6.8
+  - @backstage/core-components@0.8.2
+
+## 0.5.1
+
+### Patch Changes
+
+- cd450844f6: Moved React dependencies to `peerDependencies` and allow both React v16 and v17 to be used.
+- 382e3a94b3: Export SearchApi interface from plugin
+- Updated dependencies
+  - @backstage/core-components@0.8.0
+  - @backstage/core-plugin-api@0.3.0
+  - @backstage/plugin-catalog-react@0.6.5
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/esm/{index-1f69649c.esm.js → index-05b04684.esm.js}

@@ -1,15 +1,17 @@
-export { a as SearchBar, b as SearchBarBase } from './index-8e7d7ce9.esm.js';
+export { a as SearchBar, b as SearchBarBase } from './index-9ed6d72a.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import 'qs';
 import 'react';
-import '@material-ui/core';
-import '@backstage/core-components';
 import '@material-ui/icons/FilterList';
-import 'react-use';
+import '@material-ui/core';
+import 'react-use/lib/useDebounce';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
+import 'react-use/lib/useAsync';
+import 'react-use/lib/usePrevious';
 import '@material-ui/core/styles';
+import '@backstage/core-components';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@material-ui/core/utils';
@@ -19,5 +21,8 @@ import '@material-ui/core/IconButton';
 import '@material-ui/lab';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
+import 'react-use/lib/useEffectOnce';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-1f69649c.esm.js.map
+//# sourceMappingURL=index-05b04684.esm.js.map

package/dist/esm/index-05b04684.esm.js.map

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

package/dist/esm/{index-49a2f5d1.esm.js → index-53fbff6a.esm.js}

@@ -1,15 +1,17 @@
-export { c as SearchResult } from './index-8e7d7ce9.esm.js';
+export { c as SearchResult } from './index-9ed6d72a.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import 'qs';
 import 'react';
-import '@material-ui/core';
-import '@backstage/core-components';
 import '@material-ui/icons/FilterList';
-import 'react-use';
+import '@material-ui/core';
+import 'react-use/lib/useDebounce';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
+import 'react-use/lib/useAsync';
+import 'react-use/lib/usePrevious';
 import '@material-ui/core/styles';
+import '@backstage/core-components';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@material-ui/core/utils';
@@ -19,5 +21,8 @@ import '@material-ui/core/IconButton';
 import '@material-ui/lab';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
+import 'react-use/lib/useEffectOnce';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-49a2f5d1.esm.js.map
+//# sourceMappingURL=index-53fbff6a.esm.js.map

package/dist/esm/index-53fbff6a.esm.js.map

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

package/dist/esm/{index-09bfa46d.esm.js → index-5842ad6f.esm.js}

@@ -1,15 +1,17 @@
-export { S as SearchPage } from './index-8e7d7ce9.esm.js';
+export { S as SearchPage } from './index-9ed6d72a.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import 'qs';
 import 'react';
-import '@material-ui/core';
-import '@backstage/core-components';
 import '@material-ui/icons/FilterList';
-import 'react-use';
+import '@material-ui/core';
+import 'react-use/lib/useDebounce';
 import '@material-ui/icons/Search';
 import '@material-ui/icons/Clear';
+import 'react-use/lib/useAsync';
+import 'react-use/lib/usePrevious';
 import '@material-ui/core/styles';
+import '@backstage/core-components';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
 import '@material-ui/core/utils';
@@ -19,5 +21,8 @@ import '@material-ui/core/IconButton';
 import '@material-ui/lab';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
+import 'react-use/lib/useEffectOnce';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
-//# sourceMappingURL=index-09bfa46d.esm.js.map
+//# sourceMappingURL=index-5842ad6f.esm.js.map

package/dist/esm/index-5842ad6f.esm.js.map

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

package/dist/esm/{index-859ff534.esm.js → index-82c9eaed.esm.js}

@@ -1,14 +1,16 @@
 import React__default from 'react';
 import SearchIcon from '@material-ui/icons/Search';
 import { SidebarItem } from '@backstage/core-components';
-import { u as useSearch, d as SearchModal } from './index-8e7d7ce9.esm.js';
+import { u as useSearch, d as SearchModal } from './index-9ed6d72a.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/errors';
 import 'qs';
-import '@material-ui/core';
 import '@material-ui/icons/FilterList';
-import 'react-use';
+import '@material-ui/core';
+import 'react-use/lib/useDebounce';
 import '@material-ui/icons/Clear';
+import 'react-use/lib/useAsync';
+import 'react-use/lib/usePrevious';
 import '@material-ui/core/styles';
 import '@material-ui/icons/ArrowBackIos';
 import '@material-ui/icons/ArrowForwardIos';
@@ -19,13 +21,17 @@ import '@material-ui/core/IconButton';
 import '@material-ui/lab';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
+import 'react-use/lib/useEffectOnce';
+import '@material-ui/icons/ExpandMore';
+import '@material-ui/icons/FontDownload';
 import 'react-router-dom';
 
-const SidebarSearchModal = () => {
-  const {open, toggleModal} = useSearch();
+const SidebarSearchModal = (props) => {
+  const { open, toggleModal } = useSearch();
+  const Icon = props.icon ? props.icon : SearchIcon;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SidebarItem, {
     className: "search-icon",
-    icon: SearchIcon,
+    icon: Icon,
     text: "Search",
     onClick: toggleModal
   }), /* @__PURE__ */ React__default.createElement(SearchModal, {
@@ -35,4 +41,4 @@ const SidebarSearchModal = () => {
 };
 
 export { SidebarSearchModal };
-//# sourceMappingURL=index-859ff534.esm.js.map
+//# sourceMappingURL=index-82c9eaed.esm.js.map

package/dist/esm/index-82c9eaed.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-82c9eaed.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 { SearchModal } from '../SearchModal';\nimport { useSearch } from '../SearchContext';\n\nexport type SidebarSearchModalProps = {\n  icon?: IconComponent;\n};\n\nexport const SidebarSearchModal = (props: SidebarSearchModalProps) => {\n  const { open, toggleModal } = useSearch();\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 open={open} toggleModal={toggleModal} />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;MA0Ba,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,MAAM,gBAAgB;AAC9B,QAAM,OAAO,MAAM,OAAO,MAAM,OAAO;AAEvC,kIAEK,aAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,mDAEV,aAAD;AAAA,IAAa;AAAA,IAAY;AAAA;AAAA;;;;"}