@backstage/plugin-catalog-react 1.11.1 → 1.11.3-next.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @backstage/plugin-catalog-react
 
+## 1.11.3-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.14.4-next.0
+  - @backstage/catalog-client@1.6.3
+  - @backstage/catalog-model@1.4.5
+  - @backstage/core-plugin-api@1.9.1
+  - @backstage/errors@1.2.4
+  - @backstage/frontend-plugin-api@0.6.4-next.0
+  - @backstage/integration-react@1.1.26-next.0
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.7
+  - @backstage/plugin-catalog-common@1.0.22
+  - @backstage/plugin-permission-common@0.7.13
+  - @backstage/plugin-permission-react@0.4.21
+
+## 1.11.2
+
+### Patch Changes
+
+- e8f026a: Use ESM exports of react-use library
+- b5cbbb6: `EntitySearchBar` and `EntityTextFilter` have been updated accordingly to persist the status as query params, following the same pattern as the other server side
+- Updated dependencies
+  - @backstage/catalog-client@1.6.3
+  - @backstage/core-components@0.14.3
+  - @backstage/frontend-plugin-api@0.6.3
+  - @backstage/integration-react@1.1.25
+  - @backstage/core-plugin-api@1.9.1
+  - @backstage/catalog-model@1.4.5
+  - @backstage/errors@1.2.4
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.7
+  - @backstage/plugin-catalog-common@1.0.22
+  - @backstage/plugin-permission-common@0.7.13
+  - @backstage/plugin-permission-react@0.4.21
+
 ## 1.11.1
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react",
-  "version": "1.11.1",
+  "version": "1.11.3-next.0",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/index.d.ts

@@ -577,6 +577,7 @@ declare class EntityTextFilter implements EntityFilter {
         term: string;
         fields: string[];
     };
+    toQueryValue(): string;
     private toUpperArray;
 }
 /**

package/dist/index.esm.js

@@ -38,6 +38,7 @@ import InfoIcon from '@material-ui/icons/Info';
 import EmailIcon from '@material-ui/icons/Email';
 import Clear from '@material-ui/icons/Clear';
 import Search from '@material-ui/icons/Search';
+import useDebounce$1 from 'react-use/lib/useDebounce';
 import StarBorder from '@material-ui/icons/StarBorder';
 import SvgIcon from '@material-ui/core/SvgIcon';
 import HelpOutlineIcon from '@material-ui/icons/HelpOutline';
@@ -393,6 +394,9 @@ class EntityTextFilter {
       fields: ["metadata.name", "metadata.title", "spec.profile.displayName"]
     };
   }
+  toQueryValue() {
+    return this.value;
+  }
   toUpperArray(value) {
     return value.flat().filter((m) => Boolean(m)).map((m) => m.toLocaleUpperCase("en-US"));
   }
@@ -2268,11 +2272,17 @@ const useStyles$8 = makeStyles(
   }
 );
 const EntitySearchBar = () => {
-  var _a, _b;
   const classes = useStyles$8();
-  const { filters, updateFilters } = useEntityList();
-  const [search, setSearch] = useState((_b = (_a = filters.text) == null ? void 0 : _a.value) != null ? _b : "");
-  useDebounce(
+  const {
+    updateFilters,
+    queryParameters: { text: textParameter }
+  } = useEntityList();
+  const queryParamTextFilter = useMemo(
+    () => [textParameter].flat()[0],
+    [textParameter]
+  );
+  const [search, setSearch] = useState(queryParamTextFilter != null ? queryParamTextFilter : "");
+  useDebounce$1(
     () => {
       updateFilters({
         text: search.length ? new EntityTextFilter(search) : void 0
@@ -2281,6 +2291,11 @@ const EntitySearchBar = () => {
     250,
     [search, updateFilters]
   );
+  useEffect(() => {
+    if (queryParamTextFilter) {
+      setSearch(queryParamTextFilter);
+    }
+  }, [queryParamTextFilter]);
   return /* @__PURE__ */ React.createElement(Toolbar, { className: classes.searchToolbar }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(
     Input,
     {