@backstage/plugin-catalog-react 0.0.0-nightly-20220324023116 → 0.0.0-nightly-20220325022909

package/CHANGELOG.md

@@ -1,21 +1,25 @@
 # @backstage/plugin-catalog-react
 
-## 0.0.0-nightly-20220324023116
+## 0.0.0-nightly-20220325022909
 
 ### Patch Changes
 
 - 0ffd88a90e: Prevent permissions with types other than `ResourcePermission<'catalog-entity'>` from being used with the `useEntityPermission` hook.
+- 4af82967f4: Decouple tags picker from backend entities
+
+  `EntityTagPicker` fetches all the tags independently and it doesn't require all the entities to be available client side.
+
 - a496cee4d1: Add support for string refs to the `EntityRefLinks` component
 - d34900af81: Added a new `NextScaffolderRouter` which will eventually replace the exiting router
 - 4431873583: Update `usePermission` usage.
 - Updated dependencies
-  - @backstage/plugin-permission-react@0.0.0-nightly-20220324023116
-  - @backstage/catalog-model@0.0.0-nightly-20220324023116
-  - @backstage/plugin-catalog-common@0.0.0-nightly-20220324023116
-  - @backstage/integration@0.0.0-nightly-20220324023116
-  - @backstage/core-components@0.0.0-nightly-20220324023116
-  - @backstage/plugin-permission-common@0.0.0-nightly-20220324023116
-  - @backstage/catalog-client@0.0.0-nightly-20220324023116
+  - @backstage/plugin-permission-react@0.0.0-nightly-20220325022909
+  - @backstage/catalog-model@0.0.0-nightly-20220325022909
+  - @backstage/plugin-catalog-common@0.0.0-nightly-20220325022909
+  - @backstage/integration@0.0.0-nightly-20220325022909
+  - @backstage/core-components@0.0.0-nightly-20220325022909
+  - @backstage/plugin-permission-common@0.0.0-nightly-20220325022909
+  - @backstage/catalog-client@0.0.0-nightly-20220325022909
 
 ## 1.0.1-next.0
 

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react",
-  "version": "0.0.0-nightly-20220324023116",
+  "version": "0.0.0-nightly-20220325022909",
   "main": "../dist/index.esm.js",
   "types": "../dist/index.alpha.d.ts"
 }

package/dist/index.esm.js

@@ -1032,7 +1032,17 @@ const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, {
 const EntityTagPicker = () => {
   var _a, _b;
   const classes = useStyles$7();
-  const { updateFilters, backendEntities, filters, queryParameters } = useEntityList();
+  const { updateFilters, filters, queryParameters } = useEntityList();
+  const catalogApi = useApi(catalogApiRef);
+  const { value: availableTags } = useAsync(async () => {
+    var _a2;
+    const facet = "metadata.tags";
+    const { facets } = await catalogApi.getEntityFacets({
+      facets: [facet],
+      filter: (_a2 = filters.kind) == null ? void 0 : _a2.getCatalogFilters()
+    });
+    return facets[facet].map(({ value }) => value);
+  }, [filters.kind]);
   const queryParamTags = useMemo(() => [queryParameters.tags].flat().filter(Boolean), [queryParameters]);
   const [selectedTags, setSelectedTags] = useState(queryParamTags.length ? queryParamTags : (_b = (_a = filters.tags) == null ? void 0 : _a.values) != null ? _b : []);
   useEffect(() => {
@@ -1045,10 +1055,7 @@ const EntityTagPicker = () => {
       tags: selectedTags.length ? new EntityTagFilter(selectedTags) : void 0
     });
   }, [selectedTags, updateFilters]);
-  const availableTags = useMemo(() => [
-    ...new Set(backendEntities.flatMap((e) => e.metadata.tags).filter(Boolean))
-  ].sort(), [backendEntities]);
-  if (!availableTags.length)
+  if (!(availableTags == null ? void 0 : availableTags.length))
     return null;
   return /* @__PURE__ */ React.createElement(Box, {
     pb: 1,