import from new search-react package

Signed-off-by: Emma Indal <emma.indahl@gmail.com>

plugins/search/src/components/SearchBar/SearchBar.stories.tsx

@@ -16,7 +16,7 @@
 
 import { Grid, makeStyles, Paper } from '@material-ui/core';
 import React, { ComponentType } from 'react';
-import { SearchContextProvider } from '../SearchContext/SearchContextForStorybook.stories';
+import { SearchContextProviderForStorybook } from '@backstage/plugin-search-react';
 import { SearchBar } from './SearchBar';
 
 export default {
@@ -24,13 +24,13 @@ export default {
   component: SearchBar,
   decorators: [
     (Story: ComponentType<{}>) => (
-      <SearchContextProvider>
+      <SearchContextProviderForStorybook>
         <Grid container direction="row">
           <Grid item xs={12}>
             <Story />
           </Grid>
         </Grid>
-      </SearchContextProvider>
+      </SearchContextProviderForStorybook>
     ),
   ],
 };

plugins/search/src/components/SearchFilter/SearchFilter.stories.tsx

@@ -16,7 +16,7 @@
 
 import { Grid, Paper } from '@material-ui/core';
 import React, { ComponentType } from 'react';
-import { SearchContextProvider } from '../SearchContext/SearchContextForStorybook.stories';
+import { SearchContextProviderForStorybook } from '@backstage/plugin-search-react';
 import { SearchFilter } from './SearchFilter';
 
 export default {
@@ -24,13 +24,13 @@ export default {
   component: SearchFilter,
   decorators: [
     (Story: ComponentType<{}>) => (
-      <SearchContextProvider>
+      <SearchContextProviderForStorybook>
         <Grid container direction="row">
           <Grid item xs={4}>
             <Story />
           </Grid>
         </Grid>
-      </SearchContextProvider>
+      </SearchContextProviderForStorybook>
     ),
   ],
 };

plugins/search/src/components/SearchModal/SearchModal.stories.tsx

@@ -18,7 +18,7 @@ import { wrapInTestApp } from '@backstage/test-utils';
 import { Button } from '@material-ui/core';
 import React, { ComponentType } from 'react';
 import { rootRouteRef } from '../../plugin';
-import { SearchApiProvider } from '../SearchContext/SearchContextForStorybook.stories';
+import { SearchApiProviderForStorybook } from '@backstage/plugin-search-react';
 import { SearchModal } from './SearchModal';
 import { useSearchModal } from './useSearchModal';
 
@@ -57,9 +57,9 @@ export default {
   decorators: [
     (Story: ComponentType<{}>) =>
       wrapInTestApp(
-        <SearchApiProvider mockedResults={mockResults}>
+        <SearchApiProviderForStorybook mockedResults={mockResults}>
           <Story />
-        </SearchApiProvider>,
+        </SearchApiProviderForStorybook>,
         { mountedRoutes: { '/search': rootRouteRef } },
       ),
   ],

plugins/search/src/components/SearchResult/SearchResult.stories.tsx

@@ -19,7 +19,8 @@ import { List, ListItem } from '@material-ui/core';
 import React, { ComponentType } from 'react';
 import { MemoryRouter } from 'react-router';
 import { DefaultResultListItem } from '../DefaultResultListItem';
-import { SearchContextProvider } from '../SearchContext/SearchContextForStorybook.stories';
+
+import { SearchContextProviderForStorybook } from '@backstage/plugin-search-react';
 import { SearchResult } from './SearchResult';
 
 const mockResults = {
@@ -57,9 +58,9 @@ export default {
   decorators: [
     (Story: ComponentType<{}>) => (
       <MemoryRouter>
-        <SearchContextProvider mockedResults={mockResults}>
+        <SearchContextProviderForStorybook mockedResults={mockResults}>
           <Story />
-        </SearchContextProvider>
+        </SearchContextProviderForStorybook>
       </MemoryRouter>
     ),
   ],

plugins/search/src/components/SearchType/SearchType.stories.tsx

@@ -19,7 +19,7 @@ import CatalogIcon from '@material-ui/icons/MenuBook';
 import DocsIcon from '@material-ui/icons/Description';
 import UsersGroupsIcon from '@material-ui/icons/Person';
 import React, { ComponentType } from 'react';
-import { SearchContextProvider } from '../SearchContext/SearchContextForStorybook.stories';
+import { SearchContextProviderForStorybook } from '@backstage/plugin-search-react';
 import { SearchType } from './SearchType';
 
 export default {
@@ -27,13 +27,13 @@ export default {
   component: SearchType,
   decorators: [
     (Story: ComponentType<{}>) => (
-      <SearchContextProvider>
+      <SearchContextProviderForStorybook>
         <Grid container direction="row">
           <Grid item xs={4}>
             <Story />
           </Grid>
         </Grid>
-      </SearchContextProvider>
+      </SearchContextProviderForStorybook>
     ),
   ],
 };