diff --git a/.changeset/new-jobs-deny.md b/.changeset/new-jobs-deny.md
index 656d141330..ff656adfc3 100644
--- a/.changeset/new-jobs-deny.md
+++ b/.changeset/new-jobs-deny.md
@@ -1,5 +1,6 @@
---
-'@backstage/plugin-catalog-react': patch
+'@backstage/plugin-catalog-react': minor
---
-Add possibility to re-use EntityPicker for filters with multiple select
+Add possibility to re-use EntityPicker for filters with multiple select.
+**BREAKING** Style name `CatalogReactEntityTagPicker` was changed to `EntityAutocompletePickerInput`
diff --git a/plugins/catalog-react/package.json b/plugins/catalog-react/package.json
index 2507e9bf8d..705c1b544a 100644
--- a/plugins/catalog-react/package.json
+++ b/plugins/catalog-react/package.json
@@ -40,7 +40,6 @@
"@backstage/errors": "workspace:^",
"@backstage/integration": "workspace:^",
"@backstage/plugin-catalog-common": "workspace:^",
- "@backstage/plugin-catalog-react": "workspace:^",
"@backstage/plugin-permission-common": "workspace:^",
"@backstage/plugin-permission-react": "workspace:^",
"@backstage/theme": "workspace:^",
diff --git a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.test.tsx b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.test.tsx
index 3d23a9ec79..38edb9b064 100644
--- a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.test.tsx
+++ b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.test.tsx
@@ -46,7 +46,7 @@ class EntityOptionFilter implements EntityFilter {
}
describe('', () => {
- const mockCatalogApiRef = {
+ const mockCatalogApi = {
getEntityFacets: async () => ({
facets: {
'spec.options': options.map((value, idx) => ({ value, count: idx })),
@@ -56,7 +56,7 @@ describe('', () => {
it('renders all options', async () => {
render(
-
+
label="Options"
@@ -79,7 +79,7 @@ describe('', () => {
it('renders unique options in alphabetical order', async () => {
render(
-
+
label="Options"
@@ -106,7 +106,7 @@ describe('', () => {
it('renders options with counts', async () => {
render(
-
+
label="Options"
@@ -136,7 +136,7 @@ describe('', () => {
const updateFilters = jest.fn();
const queryParameters = { options: ['option3'] };
render(
-
+
value={{
updateFilters,
@@ -163,7 +163,7 @@ describe('', () => {
it('adds options to filters', async () => {
const updateFilters = jest.fn();
render(
-
+
', () => {
it('removes options from filters', async () => {
const updateFilters = jest.fn();
render(
-
+
value={{
updateFilters,
@@ -227,7 +227,7 @@ describe('', () => {
it('responds to external queryParameters changes', async () => {
const updateFilters = jest.fn();
const rendered = render(
-
+
value={{
updateFilters,
@@ -249,7 +249,7 @@ describe('', () => {
}),
);
rendered.rerender(
-
+
value={{
updateFilters,
diff --git a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx
index f3cb589c50..7994571e8f 100644
--- a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx
+++ b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx
@@ -27,7 +27,7 @@ import useAsync from 'react-use/lib/useAsync';
import { catalogApiRef } from '../../api';
import { EntityAutocompletePickerOption } from './EntityAutocompletePickerOption';
import { EntityAutocompletePickerInput } from './EntityAutocompletePickerInput';
-import { EntityFilter } from '@backstage/plugin-catalog-react';
+import { EntityFilter } from '../../types';
type KeysMatchingCondition = T extends V ? K : never;
type KeysMatching = {
diff --git a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePickerInput.tsx b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePickerInput.tsx
index 586485fab1..8069f40871 100644
--- a/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePickerInput.tsx
+++ b/plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePickerInput.tsx
@@ -22,7 +22,7 @@ const useStyles = makeStyles(
input: {},
},
{
- name: 'CatalogReactEntityTagPicker',
+ name: 'EntityAutocompletePickerInput',
},
);
diff --git a/yarn.lock b/yarn.lock
index 1988f9bcf0..6e252cb1c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5425,7 +5425,6 @@ __metadata:
"@backstage/errors": "workspace:^"
"@backstage/integration": "workspace:^"
"@backstage/plugin-catalog-common": "workspace:^"
- "@backstage/plugin-catalog-react": "workspace:^"
"@backstage/plugin-permission-common": "workspace:^"
"@backstage/plugin-permission-react": "workspace:^"
"@backstage/plugin-scaffolder-common": "workspace:^"