@kyverno/backstage-plugin-policy-reporter 2.6.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @kyverno/backstage-plugin-policy-reporter
 
+## 2.8.0
+
+### Minor Changes
+
+- d9f5bd3: Filter state (search, namespace, severity, and status) is now managed via URL query params, making filter selections shareable and persistent across page refreshes.
+- ba911d8: Entity content pages (`EntityKyvernoPoliciesContent`, `EntityCustomPoliciesContent`) now show filters for status and severity, consistent with the `PolicyReportsPage`.
+- d058bc7: Migrated several components to the new Backstage UI (BUI) components, replacing legacy MUI-based implementations:
+
+  - `PolicyReportsPage`, `EntityKyvernoPoliciesContent`, and `EntityCustomPoliciesContent` now use BUI `Grid`, `Container`, and `HeaderPage` for layout.
+  - Filter selectors (`SelectEnvironment`, `SelectNamespace`, `SelectSeverity`, `SelectStatus`) now use the BUI `Select` component.
+  - Severity badges now use the BUI `Tag` and `TagGroup` components instead of MUI chips.
+
+- be6bff2: Entity content pages (`EntityKyvernoPoliciesContent`, `EntityCustomPoliciesContent`) now display a single unified table instead of separate tables for failing/passing/skipped policies, aligning with the `PolicyReportsPage`.
+
+  Search state is now managed via URL query params, making search results shareable and persistent across page refreshes.
+
+  Migrated table component to the new Backstage UI (BUI) components.
+
+- e0e8462: Backstage verion bump to v1.50.4
+
+### Patch Changes
+
+- Updated dependencies [e0e8462]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.4.0
+
+## 2.7.0
+
+### Minor Changes
+
+- 4b09f8c: Backstage verion bump to v1.48.5
+- c4e5ae4: Add initial support for the new Frontend System, this will be available under a `/alpha` route when importing packages.
+
+### Patch Changes
+
+- Updated dependencies [4b09f8c]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.3.0
+
 ## 2.6.0
 
 ### Minor Changes

package/dist/alpha/plugin.esm.js

@@ -0,0 +1,70 @@
+import { jsx } from 'react/jsx-runtime';
+import { ApiBlueprint, fetchApiRef, discoveryApiRef, PageBlueprint, SubPageBlueprint, createRouteRef, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { rootRouteRef } from '../routes.esm.js';
+import { policyReporterApiRef } from '../api/PolicyReporterClient.esm.js';
+import { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
+import { isPolicyReporterAvailable } from '../utils/annotations.esm.js';
+import PolicyIcon from '@material-ui/icons/Policy';
+
+const policyReporterApi = ApiBlueprint.make({
+  params: (defineParams) => defineParams({
+    api: policyReporterApiRef,
+    deps: {
+      discoveryApi: discoveryApiRef,
+      fetchApi: fetchApiRef
+    },
+    factory: ({ discoveryApi, fetchApi }) => new DefaultApiClient({ discoveryApi, fetchApi })
+  })
+});
+const policyReporterPage = PageBlueprint.make({
+  params: {
+    path: "/policy-reporter",
+    routeRef: rootRouteRef,
+    title: "Policy Reporter",
+    icon: /* @__PURE__ */ jsx(PolicyIcon, {})
+  }
+});
+const policyReporterNamespacedPoliciesPage = SubPageBlueprint.make({
+  name: "namespaced-policy",
+  params: {
+    path: "namespaced-policies",
+    routeRef: createRouteRef(),
+    // TODO: Support configuration of the actual component
+    title: "Namespaced Policies",
+    loader: () => (
+      // TODO: Create dedicated PolicyReporterNamespacedPoliciesPage Component
+      import('../components/PolicyReportsPage/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.PolicyReportsPage, {}))
+    )
+  }
+});
+const policyReporterEntityContent = EntityContentBlueprint.make({
+  name: "policy-reporter",
+  params: {
+    path: "/policy-reporter",
+    title: "Policy Reporter",
+    // TODO: Support configuration of the actual component
+    filter: isPolicyReporterAvailable,
+    loader: () => (
+      // TODO: Create dedicated EntityPolicyReporterContent component as replacement for Kyverno and Custom content components
+      import('../components/EntityKyvernoPoliciesContent/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.EntityKyvernoPoliciesContent, {}))
+    )
+  }
+});
+var plugin = createFrontendPlugin({
+  pluginId: "policy-reporter",
+  title: "Policy Reporter",
+  info: { packageJson: () => import('../package.json.esm.js') },
+  routes: {
+    root: rootRouteRef
+  },
+  extensions: [
+    policyReporterApi,
+    policyReporterEntityContent,
+    policyReporterPage,
+    policyReporterNamespacedPoliciesPage
+  ]
+});
+
+export { plugin as default, policyReporterApi };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/alpha/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.tsx"],"sourcesContent":["import {\n  ApiBlueprint,\n  createFrontendPlugin,\n  createRouteRef,\n  discoveryApiRef,\n  fetchApiRef,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport { rootRouteRef } from '../routes';\nimport { policyReporterApiRef } from '../api';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport { isPolicyReporterAvailable } from '../utils/annotations';\nimport PolicyIcon from '@material-ui/icons/Policy';\n\n/** @alpha */\nexport const policyReporterApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: policyReporterApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DefaultApiClient({ discoveryApi, fetchApi }),\n    }),\n});\n\n/** @alpha */\nconst policyReporterPage = PageBlueprint.make({\n  params: {\n    path: '/policy-reporter',\n    routeRef: rootRouteRef,\n    title: 'Policy Reporter',\n    icon: <PolicyIcon />,\n  },\n});\n\n/** @alpha */\nconst policyReporterNamespacedPoliciesPage = SubPageBlueprint.make({\n  name: 'namespaced-policy',\n  params: {\n    path: 'namespaced-policies',\n    routeRef: createRouteRef(),\n    // TODO: Support configuration of the actual component\n    title: 'Namespaced Policies',\n    loader: () =>\n      // TODO: Create dedicated PolicyReporterNamespacedPoliciesPage Component\n      import('../components/PolicyReportsPage/').then(m => (\n        <m.PolicyReportsPage /> // TODO: Update the PolicyReportsPage to be only used for old frontend system to mimic PageBlueprint from NFS\n      )),\n  },\n});\n\n/** @alpha */\nconst policyReporterEntityContent = EntityContentBlueprint.make({\n  name: 'policy-reporter',\n  params: {\n    path: '/policy-reporter',\n    title: 'Policy Reporter',\n    // TODO: Support configuration of the actual component\n    filter: isPolicyReporterAvailable,\n    loader: () =>\n      // TODO: Create dedicated EntityPolicyReporterContent component as replacement for Kyverno and Custom content components\n      import('../components/EntityKyvernoPoliciesContent/').then(m => (\n        <m.EntityKyvernoPoliciesContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'policy-reporter',\n  title: 'Policy Reporter',\n  info: { packageJson: () => import('../../package.json') },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [\n    policyReporterApi,\n    policyReporterEntityContent,\n    policyReporterPage,\n    policyReporterNamespacedPoliciesPage,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,iBAAA,GAAoB,aAAa,IAAA,CAAK;AAAA,EACjD,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,oBAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,YAAA,EAAc,eAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,QAAA,EAAS,KACjC,IAAI,gBAAA,CAAiB,EAAE,YAAA,EAAc,QAAA,EAAU;AAAA,GAClD;AACL,CAAC;AAGD,MAAM,kBAAA,GAAqB,cAAc,IAAA,CAAK;AAAA,EAC5C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,sBAAO,UAAA,EAAA,EAAW;AAAA;AAEtB,CAAC,CAAA;AAGD,MAAM,oCAAA,GAAuC,iBAAiB,IAAA,CAAK;AAAA,EACjE,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,qBAAA;AAAA,IACN,UAAU,cAAA,EAAe;AAAA;AAAA,IAEzB,KAAA,EAAO,qBAAA;AAAA,IACP,MAAA,EAAQ;AAAA;AAAA,MAEN,OAAO,8CAAkC,CAAA,CAAE,IAAA,CAAK,uBAC9C,GAAA,CAAC,CAAA,CAAE,iBAAA,EAAF,EAAoB,CACtB;AAAA;AAAA;AAEP,CAAC,CAAA;AAGD,MAAM,2BAAA,GAA8B,uBAAuB,IAAA,CAAK;AAAA,EAC9D,IAAA,EAAM,iBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO,iBAAA;AAAA;AAAA,IAEP,MAAA,EAAQ,yBAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAAA,MAEN,OAAO,yDAA6C,CAAA,CAAE,IAAA,CAAK,uBACzD,GAAA,CAAC,CAAA,CAAE,4BAAA,EAAF,EAA+B,CACjC;AAAA;AAAA;AAEP,CAAC,CAAA;AAGD,aAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,iBAAA;AAAA,EACV,KAAA,EAAO,iBAAA;AAAA,EACP,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,wBAAoB,CAAA,EAAE;AAAA,EACxD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY;AAAA,IACV,iBAAA;AAAA,IACA,2BAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA;AAEJ,CAAC,CAAA;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,129 @@
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as react from 'react';
+import * as _backstage_filter_predicates from '@backstage/filter-predicates';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/** @alpha */
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "api:policy-reporter": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "entity-content:policy-reporter/policy-reporter": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-content";
+        name: "policy-reporter";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_filter_predicates.FilterPredicate | undefined;
+            group: string | false | undefined;
+            icon: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
+            group?: string | false | undefined;
+            icon?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string | react.ReactElement<any, string | react.JSXElementConstructor<any>>, "catalog.entity-content-icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            defaultTitle?: [Error: `Use the 'title' param instead`];
+            title: string;
+            defaultGroup?: [Error: `Use the 'group' param instead`];
+            group?: ("overview" | "documentation" | "development" | "deployment" | "operation" | "observability") | (string & {});
+            icon?: string | react.ReactElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            filter?: string | _backstage_filter_predicates.FilterPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+        };
+    }>;
+    "page:policy-reporter": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+    "sub-page:policy-reporter/namespaced-policy": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "sub-page";
+        name: "namespaced-policy";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            path: string;
+            title: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,2 @@
+export { default } from './alpha/plugin.esm.js';
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/api/PolicyReporterClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyReporterClient.esm.js","sources":["../../src/api/PolicyReporterClient.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const policyReporterApiRef = createApiRef<DefaultApiClient>({\n  id: 'plugin.policy-reporter.service',\n});\n"],"names":[],"mappings":";;AAGO,MAAM,uBAAuB,YAA+B,CAAA;AAAA,EACjE,EAAI,EAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"PolicyReporterClient.esm.js","sources":["../../src/api/PolicyReporterClient.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const policyReporterApiRef = createApiRef<DefaultApiClient>({\n  id: 'plugin.policy-reporter.service',\n});\n"],"names":[],"mappings":";;AAGO,MAAM,uBAAuB,YAAA,CAA+B;AAAA,EACjE,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.esm.js

@@ -1,15 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Progress, ContentHeader, Page, Content } from '@backstage/core-components';
+import { Content, Progress } from '@backstage/core-components';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
-import { Grid } from '@material-ui/core';
+import { Container, Header, Grid, Flex } from '@backstage/ui';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { isPolicyReporterAvailable, getNamespaces, getKinds, getResourceName } from '../../utils/annotations.esm.js';
+import { isPolicyReporterAvailable, getResourceName, getKinds, getNamespaces } from '../../utils/annotations.esm.js';
 import { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.esm.js';
 import { useEntityEnvironment } from '../../hooks/useEntityEnvironment.esm.js';
+import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters.esm.js';
 import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
+import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
 
-const PageContent = ({ children }) => /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsx(Content, { children }) });
 const EntityCustomPoliciesContent = ({
   annotationsDocumentationUrl,
   policyDocumentationUrl,
@@ -19,89 +21,55 @@ const EntityCustomPoliciesContent = ({
   const { entity } = useEntity();
   const annotations = entity.metadata.annotations;
   const annotationsState = isPolicyReporterAvailable(entity);
-  const {
-    environments,
-    environmentsLoading,
-    setCurrentEnvironment,
-    currentEnvironment
-  } = useEntityEnvironment(entity, annotationsState);
+  const { environments, environmentsLoading } = useEntityEnvironment(
+    entity,
+    annotationsState
+  );
   if (!annotationsState)
-    return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
       MissingAnnotationEmptyState,
       {
         readMoreUrl: annotationsDocumentationUrl,
         annotation: KYVERNO_RESOURCE_NAME_ANNOTATION
       }
-    ) });
+    ) }) });
   if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
-  if (environments === void 0 || !currentEnvironment)
-    return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsx(MissingEnvironmentsEmptyState, { entity }) });
-  const namespaces = getNamespaces(annotations);
-  const kinds = getKinds(annotations);
-  const resourceName = getResourceName(annotations);
-  return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(ContentHeader, { title, children: /* @__PURE__ */ jsx(
-      SelectEnvironment,
-      {
-        environments,
-        currentEnvironment,
-        setCurrentEnvironment
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources,
-            kinds,
-            status: ["fail", "warn", "error"],
-            search: resourceName
-          },
-          title: "Failing Policy Results",
-          emptyContentText: "No failing policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources,
-            kinds,
-            status: ["pass"],
-            search: resourceName
-          },
-          title: "Passing Policy Results",
-          emptyContentText: "No passing policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources,
-            kinds,
-            status: ["skip"],
-            search: resourceName
-          },
-          title: "Skipped Policy Results",
-          emptyContentText: "No skipped policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) })
-    ] })
-  ] });
+  if (!environments?.length)
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(MissingEnvironmentsEmptyState, { entity }) }) });
+  return /* @__PURE__ */ jsx(
+    PolicyReportsFiltersProvider,
+    {
+      defaultFilters: {
+        namespaces: getNamespaces(annotations),
+        kinds: getKinds(annotations),
+        sources,
+        search: getResourceName(annotations)
+      },
+      defaultEnvironment: environments[0].entityRef,
+      children: /* @__PURE__ */ jsxs(Container, { children: [
+        /* @__PURE__ */ jsx(
+          Header,
+          {
+            title,
+            customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
+          }
+        ),
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+            /* @__PURE__ */ jsx(SelectStatus, {}),
+            /* @__PURE__ */ jsx(SelectSeverity, {})
+          ] }),
+          /* @__PURE__ */ jsx(
+            PolicyReportsTable,
+            {
+              emptyContentText: "No policies",
+              policyDocumentationUrl
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
 };
 
 export { EntityCustomPoliciesContent };

package/dist/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCustomPoliciesContent.esm.js","sources":["../../../src/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.tsx"],"sourcesContent":["import {\n  Content,\n  ContentHeader,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Grid } from '@material-ui/core';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\n\ntype EntityCustomPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n  sources: string[];\n  title: string;\n};\n\ntype PageContentProps = {\n  children: React.ReactNode;\n};\n\nconst PageContent = ({ children }: PageContentProps) => (\n  <Page themeId=\"tool\">\n    <Content>{children}</Content>\n  </Page>\n);\n\nexport const EntityCustomPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n  sources,\n  title,\n}: EntityCustomPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const {\n    environments,\n    environmentsLoading,\n    setCurrentEnvironment,\n    currentEnvironment,\n  } = useEntityEnvironment(entity, annotationsState);\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <PageContent>\n        <MissingAnnotationEmptyState\n          readMoreUrl={annotationsDocumentationUrl}\n          annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n        />\n      </PageContent>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (environments === undefined || !currentEnvironment)\n    return (\n      <PageContent>\n        <MissingEnvironmentsEmptyState entity={entity} />\n      </PageContent>\n    );\n\n  const namespaces = getNamespaces(annotations);\n  const kinds = getKinds(annotations);\n  const resourceName = getResourceName(annotations);\n\n  return (\n    <PageContent>\n      <ContentHeader title={title}>\n        <SelectEnvironment\n          environments={environments}\n          currentEnvironment={currentEnvironment}\n          setCurrentEnvironment={setCurrentEnvironment}\n        />\n      </ContentHeader>\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources,\n              kinds,\n              status: ['fail', 'warn', 'error'],\n              search: resourceName,\n            }}\n            title=\"Failing Policy Results\"\n            emptyContentText=\"No failing policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources,\n              kinds,\n              status: ['pass'],\n              search: resourceName,\n            }}\n            title=\"Passing Policy Results\"\n            emptyContentText=\"No passing policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources,\n              kinds,\n              status: ['skip'],\n              search: resourceName,\n            }}\n            title=\"Skipped Policy Results\"\n            emptyContentText=\"No skipped policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n      </Grid>\n    </PageContent>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityCustomPoliciesContent.esm.js","sources":["../../../src/components/EntityCustomPoliciesContent/EntityCustomPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Flex, Grid, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\n\ntype EntityCustomPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n  sources: string[];\n  title: string;\n};\n\nexport const EntityCustomPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n  sources,\n  title,\n}: EntityCustomPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: sources,\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <Grid.Root columns=\"1\" gap=\"4\">\n            <Flex align=\"end\" gap=\"4\">\n              <SelectStatus />\n              <SelectSeverity />\n            </Flex>\n            <PolicyReportsTable\n              emptyContentText=\"No policies\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid.Root>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA4BO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,2BAAA;AAAA,EACA,sBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAwC;AACtC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA;AAAA,QACA,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,WACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,MAAL,EAAU,OAAA,EAAQ,GAAA,EAAI,GAAA,EAAI,GAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,KAAA,EAAM,GAAA,EAAI,GAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,aAAA;AAAA,cACjB;AAAA;AAAA;AACF,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/EntityCustomPoliciesContent/index.esm.js

@@ -1,2 +1,6 @@
-export { EntityCustomPoliciesContent } from './EntityCustomPoliciesContent.esm.js';
+import { EntityCustomPoliciesContent } from './EntityCustomPoliciesContent.esm.js';
+
+
+
+export { EntityCustomPoliciesContent };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/EntityCustomPoliciesContent/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.esm.js

@@ -1,15 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Progress, ContentHeader, Page, Content } from '@backstage/core-components';
+import { Content, Progress } from '@backstage/core-components';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
-import { Grid } from '@material-ui/core';
+import { Container, Header, Grid, Flex } from '@backstage/ui';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { isPolicyReporterAvailable, getNamespaces, getKinds, getResourceName } from '../../utils/annotations.esm.js';
+import { isPolicyReporterAvailable, getResourceName, getKinds, getNamespaces } from '../../utils/annotations.esm.js';
 import { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.esm.js';
 import { useEntityEnvironment } from '../../hooks/useEntityEnvironment.esm.js';
+import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters.esm.js';
 import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
+import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
 
-const PageContent = ({ children }) => /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsx(Content, { children }) });
 const EntityKyvernoPoliciesContent = ({
   annotationsDocumentationUrl,
   policyDocumentationUrl
@@ -17,89 +19,55 @@ const EntityKyvernoPoliciesContent = ({
   const { entity } = useEntity();
   const annotations = entity.metadata.annotations;
   const annotationsState = isPolicyReporterAvailable(entity);
-  const {
-    environments,
-    environmentsLoading,
-    setCurrentEnvironment,
-    currentEnvironment
-  } = useEntityEnvironment(entity, annotationsState);
+  const { environments, environmentsLoading } = useEntityEnvironment(
+    entity,
+    annotationsState
+  );
   if (!annotationsState)
-    return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
       MissingAnnotationEmptyState,
       {
         readMoreUrl: annotationsDocumentationUrl,
         annotation: KYVERNO_RESOURCE_NAME_ANNOTATION
       }
-    ) });
+    ) }) });
   if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
-  if (environments === void 0 || !currentEnvironment)
-    return /* @__PURE__ */ jsx(PageContent, { children: /* @__PURE__ */ jsx(MissingEnvironmentsEmptyState, { entity }) });
-  const namespaces = getNamespaces(annotations);
-  const kinds = getKinds(annotations);
-  const resourceName = getResourceName(annotations);
-  return /* @__PURE__ */ jsxs(PageContent, { children: [
-    /* @__PURE__ */ jsx(ContentHeader, { title: "Kyverno Policy Reports", children: /* @__PURE__ */ jsx(
-      SelectEnvironment,
-      {
-        environments,
-        currentEnvironment,
-        setCurrentEnvironment
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources: ["kyverno"],
-            kinds,
-            status: ["fail", "warn", "error"],
-            search: resourceName
-          },
-          title: "Failing Policy Results",
-          emptyContentText: "No failing policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources: ["kyverno"],
-            kinds,
-            status: ["pass"],
-            search: resourceName
-          },
-          title: "Passing Policy Results",
-          emptyContentText: "No passing policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            namespaces,
-            sources: ["kyverno"],
-            kinds,
-            status: ["skip"],
-            search: resourceName
-          },
-          title: "Skipped Policy Results",
-          emptyContentText: "No skipped policies",
-          policyDocumentationUrl,
-          enableSearch: false
-        }
-      ) })
-    ] })
-  ] });
+  if (!environments?.length)
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(MissingEnvironmentsEmptyState, { entity }) }) });
+  return /* @__PURE__ */ jsx(
+    PolicyReportsFiltersProvider,
+    {
+      defaultFilters: {
+        namespaces: getNamespaces(annotations),
+        kinds: getKinds(annotations),
+        sources: ["kyverno"],
+        search: getResourceName(annotations)
+      },
+      defaultEnvironment: environments[0].entityRef,
+      children: /* @__PURE__ */ jsxs(Container, { children: [
+        /* @__PURE__ */ jsx(
+          Header,
+          {
+            title: "Kyverno Policy Reports",
+            customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
+          }
+        ),
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+            /* @__PURE__ */ jsx(SelectStatus, {}),
+            /* @__PURE__ */ jsx(SelectSeverity, {})
+          ] }),
+          /* @__PURE__ */ jsx(
+            PolicyReportsTable,
+            {
+              emptyContentText: "No policies found",
+              policyDocumentationUrl
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
 };
 
 export { EntityKyvernoPoliciesContent };