From 295eb30778b7892197050f8409001c3d836664e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anders=20N=C3=A4sman?= <andersn@spotify.com>
Date: Tue, 7 Jun 2022 16:28:08 +0200
Subject: [PATCH] remove unnecessary deprecation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Anders Näsman <andersn@spotify.com>
---
 .../SearchFilter.Autocomplete.tsx             | 100 +-----------------
 1 file changed, 2 insertions(+), 98 deletions(-)

diff --git a/plugins/search/src/components/SearchFilter/SearchFilter.Autocomplete.tsx b/plugins/search/src/components/SearchFilter/SearchFilter.Autocomplete.tsx
index ac37e3bd2c..3db5112b88 100644
--- a/plugins/search/src/components/SearchFilter/SearchFilter.Autocomplete.tsx
+++ b/plugins/search/src/components/SearchFilter/SearchFilter.Autocomplete.tsx
@@ -14,110 +14,14 @@
  * limitations under the License.
  */
 
-import React, { ChangeEvent, useState } from 'react';
-import { Chip, TextField } from '@material-ui/core';
-import {
-  Autocomplete,
-  AutocompleteGetTagProps,
-  AutocompleteRenderInputParams,
-} from '@material-ui/lab';
-import {
-  SearchFilterComponentProps,
-  useSearch,
-  useAsyncFilterValues,
-  useDefaultFilterValue,
-} from '@backstage/plugin-search-react';
+import { SearchFilterComponentProps } from '@backstage/plugin-search-react';
 
 /**
  * @public
- * @deprecated Moved to `@backstage/plugin-search-react`.
+ * @deprecated Import from `@backstage/plugin-search-react` instead.
  */
 export type SearchAutocompleteFilterProps = SearchFilterComponentProps & {
   filterSelectedOptions?: boolean;
   limitTags?: number;
   multiple?: boolean;
 };
-
-/**
- * @deprecated Moved to `@backstage/plugin-search-react`.
- */
-export const AutocompleteFilter = (props: SearchAutocompleteFilterProps) => {
-  const {
-    className,
-    defaultValue,
-    name,
-    values: givenValues,
-    valuesDebounceMs,
-    label,
-    filterSelectedOptions,
-    limitTags,
-    multiple,
-  } = props;
-  const [inputValue, setInputValue] = useState<string>('');
-  useDefaultFilterValue(name, defaultValue);
-  const asyncValues =
-    typeof givenValues === 'function' ? givenValues : undefined;
-  const defaultValues =
-    typeof givenValues === 'function' ? undefined : givenValues;
-  const { value: values, loading } = useAsyncFilterValues(
-    asyncValues,
-    inputValue,
-    defaultValues,
-    valuesDebounceMs,
-  );
-  const { filters, setFilters } = useSearch();
-  const filterValue =
-    (filters[name] as string | string[] | undefined) || (multiple ? [] : null);
-
-  // Set new filter values on input change.
-  const handleChange = (
-    _: ChangeEvent<{}>,
-    newValue: string | string[] | null,
-  ) => {
-    setFilters(prevState => {
-      const { [name]: filter, ...others } = prevState;
-
-      if (newValue) {
-        return { ...others, [name]: newValue };
-      }
-      return { ...others };
-    });
-  };
-
-  // Provide the input field.
-  const renderInput = (params: AutocompleteRenderInputParams) => (
-    <TextField
-      {...params}
-      name="search"
-      variant="outlined"
-      label={label}
-      fullWidth
-    />
-  );
-
-  // Render tags as primary-colored chips.
-  const renderTags = (
-    tagValue: string[],
-    getTagProps: AutocompleteGetTagProps,
-  ) =>
-    tagValue.map((option: string, index: number) => (
-      <Chip label={option} color="primary" {...getTagProps({ index })} />
-    ));
-
-  return (
-    <Autocomplete
-      filterSelectedOptions={filterSelectedOptions}
-      limitTags={limitTags}
-      multiple={multiple}
-      className={className}
-      id={`${multiple ? 'multi-' : ''}select-filter-${name}--select`}
-      options={values || []}
-      loading={loading}
-      value={filterValue}
-      onChange={handleChange}
-      onInputChange={(_, newValue) => setInputValue(newValue)}
-      renderInput={renderInput}
-      renderTags={renderTags}
-    />
-  );
-};