@kyverno/backstage-plugin-policy-reporter 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @kyverno/backstage-plugin-policy-reporter
 
+## 2.5.0
+
+### Minor Changes
+
+- 44376bd: Add support for the `backstage.io/kubernetes-namespace` annotation as an alternative for the `kyverno.io/namespace`. This is useful for anyone already using the Kubernetes plugin. The kyverno namespaced annotation will always be the first priority.
+
+  Add `isPolicyReporterAvailable` helper function to validate if PolicyReporter is configured for an entity.
+
+- ee217ed: Update to Backstage versions 1.43.0
+- e713e1f: Migrate to OpenAPI-generated ApiClient, typed Express router, and common types instead of manual definitions.
+
+  **BREAKING:** The backend endpoint now accepts environment entity as a query parameter instead of a path parameter.
+
+  Frontend and backend must be updated simultaneously to maintain compatibility.
+
+### Patch Changes
+
+- Updated dependencies [44376bd]
+- Updated dependencies [ee217ed]
+- Updated dependencies [e713e1f]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.1.0
+
+## 2.4.1
+
+### Patch Changes
+
+- 3390a1d: Add missing environment component to the `PolicyReportsPage`, which is now shown when no `kubernetes-cluster` Resources with the `kyverno.io/endpoint` annotation are defined.
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/api/PolicyReporterClient.esm.js

@@ -1,46 +1,8 @@
-class PolicyReporterApiClient {
-  discoveryApi;
-  fetchApi;
-  constructor(options) {
-    this.discoveryApi = options.discoveryApi;
-    this.fetchApi = options.fetchApi;
-  }
-  /**
-   * Creates a URL query string from a given parameters object.
-   *
-   * This function takes an optional object of key-value pairs and converts it into a URL query string.
-   * If the value of a key is an array, each element of the array will be added as a separate query parameter.
-   * If the value is not undefined or null, it will be converted to a string and added as a query parameter.
-   *
-   * @param {Record<string, any>} [params] - An optional object containing key-value pairs to be converted into URL parameters.
-   * @returns {string} - A URL query string generated from the provided parameters.
-   */
-  createUrlParams(params) {
-    const urlParams = new URLSearchParams();
-    if (params) {
-      for (const [key, value] of Object.entries(params)) {
-        if (Array.isArray(value)) {
-          value.forEach((val) => urlParams.append(key, val));
-        } else if (value !== void 0 && value !== null) {
-          urlParams.append(key, value.toString());
-        }
-      }
-    }
-    return urlParams.toString();
-  }
-  async namespacedResults(environment, filter, pagination) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("policy-reporter");
-    const urlParams = this.createUrlParams({ ...filter, ...pagination });
-    const url = `${baseUrl}/namespaced-resources/${encodeURIComponent(
-      environment
-    )}/results?${urlParams}`;
-    const response = await this.fetchApi.fetch(url);
-    if (!response.ok) {
-      throw new Error("failed to fetch policies");
-    }
-    return await response.json();
-  }
-}
+import { createApiRef } from '@backstage/core-plugin-api';
 
-export { PolicyReporterApiClient };
+const policyReporterApiRef = createApiRef({
+  id: "plugin.policy-reporter.service"
+});
+
+export { policyReporterApiRef };
 //# sourceMappingURL=PolicyReporterClient.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReporterClient.esm.js","sources":["../../src/api/PolicyReporterClient.ts"],"sourcesContent":["import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { PolicyReporterApi } from './PolicyReporterApi';\nimport {\n  Filter,\n  Pagination,\n  ResultList,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport class PolicyReporterApiClient implements PolicyReporterApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: { fetchApi: FetchApi; discoveryApi: DiscoveryApi }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  /**\n   * Creates a URL query string from a given parameters object.\n   *\n   * This function takes an optional object of key-value pairs and converts it into a URL query string.\n   * If the value of a key is an array, each element of the array will be added as a separate query parameter.\n   * If the value is not undefined or null, it will be converted to a string and added as a query parameter.\n   *\n   * @param {Record<string, any>} [params] - An optional object containing key-value pairs to be converted into URL parameters.\n   * @returns {string} - A URL query string generated from the provided parameters.\n   */\n  private createUrlParams(params?: Record<string, any>): string {\n    const urlParams = new URLSearchParams();\n\n    if (params) {\n      for (const [key, value] of Object.entries(params)) {\n        if (Array.isArray(value)) {\n          value.forEach(val => urlParams.append(key, val));\n        } else if (value !== undefined && value !== null) {\n          urlParams.append(key, value.toString());\n        }\n      }\n    }\n    return urlParams.toString();\n  }\n\n  async namespacedResults(\n    environment: string,\n    filter?: Filter,\n    pagination?: Pagination,\n  ): Promise<ResultList> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('policy-reporter');\n\n    const urlParams = this.createUrlParams({ ...filter, ...pagination });\n\n    const url = `${baseUrl}/namespaced-resources/${encodeURIComponent(\n      environment,\n    )}/results?${urlParams}`;\n\n    const response = await this.fetchApi.fetch(url);\n    if (!response.ok) {\n      throw new Error('failed to fetch policies');\n    }\n    return await response.json();\n  }\n}\n"],"names":[],"mappings":"AAQO,MAAM,uBAAqD,CAAA;AAAA,EAC/C,YAAA;AAAA,EACA,QAAA;AAAA,EAEjB,YAAY,OAA6D,EAAA;AACvE,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AAAA;AAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYQ,gBAAgB,MAAsC,EAAA;AAC5D,IAAM,MAAA,SAAA,GAAY,IAAI,eAAgB,EAAA;AAEtC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,KAAA,MAAW,CAAC,GAAK,EAAA,KAAK,KAAK,MAAO,CAAA,OAAA,CAAQ,MAAM,CAAG,EAAA;AACjD,QAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,UAAA,KAAA,CAAM,QAAQ,CAAO,GAAA,KAAA,SAAA,CAAU,MAAO,CAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,SACtC,MAAA,IAAA,KAAA,KAAU,KAAa,CAAA,IAAA,KAAA,KAAU,IAAM,EAAA;AAChD,UAAA,SAAA,CAAU,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,QAAA,EAAU,CAAA;AAAA;AACxC;AACF;AAEF,IAAA,OAAO,UAAU,QAAS,EAAA;AAAA;AAC5B,EAEA,MAAM,iBAAA,CACJ,WACA,EAAA,MAAA,EACA,UACqB,EAAA;AACrB,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,iBAAiB,CAAA;AAEpE,IAAM,MAAA,SAAA,GAAY,KAAK,eAAgB,CAAA,EAAE,GAAG,MAAQ,EAAA,GAAG,YAAY,CAAA;AAEnE,IAAM,MAAA,GAAA,GAAM,CAAG,EAAA,OAAO,CAAyB,sBAAA,EAAA,kBAAA;AAAA,MAC7C;AAAA,KACD,YAAY,SAAS,CAAA,CAAA;AAEtB,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAC9C,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAM,MAAA,IAAI,MAAM,0BAA0B,CAAA;AAAA;AAE5C,IAAO,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA;AAE/B;;;;"}
+{"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;;;;"}

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

@@ -4,10 +4,10 @@ import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalo
 import { Grid } from '@material-ui/core';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { containsRequiredAnnotations, annotationsRequired } from '../../utils/annotations.esm.js';
+import { isPolicyReporterAvailable, getNamespaces, getKinds, getResourceName } from '../../utils/annotations.esm.js';
 import { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.esm.js';
 import { useEntityEnvironment } from '../../hooks/useEntityEnvironment.esm.js';
-import { KYVERNO_NAMESPACE_ANNOTATION, KYVERNO_KIND_ANNOTATION, KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
 
 const PageContent = ({ children }) => /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsx(Content, { children }) });
 const EntityCustomPoliciesContent = ({
@@ -18,7 +18,7 @@ const EntityCustomPoliciesContent = ({
 }) => {
   const { entity } = useEntity();
   const annotations = entity.metadata.annotations;
-  const annotationsState = containsRequiredAnnotations(annotations);
+  const annotationsState = isPolicyReporterAvailable(entity);
   const {
     environments,
     environmentsLoading,
@@ -30,15 +30,15 @@ const EntityCustomPoliciesContent = ({
       MissingAnnotationEmptyState,
       {
         readMoreUrl: annotationsDocumentationUrl,
-        annotation: annotationsRequired
+        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 = annotations[KYVERNO_NAMESPACE_ANNOTATION].split(",");
-  const kinds = annotations[KYVERNO_KIND_ANNOTATION].split(",");
-  const resourceName = annotations[KYVERNO_RESOURCE_NAME_ANNOTATION];
+  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,

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  containsRequiredAnnotations,\n  annotationsRequired,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport {\n  KYVERNO_KIND_ANNOTATION,\n  KYVERNO_NAMESPACE_ANNOTATION,\n  KYVERNO_RESOURCE_NAME_ANNOTATION,\n} 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  // Boolean variable to validate that entity have required annotations\n  const annotationsState: boolean = containsRequiredAnnotations(annotations);\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={annotationsRequired}\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 = annotations![KYVERNO_NAMESPACE_ANNOTATION].split(',');\n  const kinds = annotations![KYVERNO_KIND_ANNOTATION].split(',');\n  const resourceName = annotations![KYVERNO_RESOURCE_NAME_ANNOTATION];\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 {\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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"}

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

@@ -4,10 +4,10 @@ import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalo
 import { Grid } from '@material-ui/core';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { annotationsRequired, containsRequiredAnnotations } from '../../utils/annotations.esm.js';
+import { isPolicyReporterAvailable, getNamespaces, getKinds, getResourceName } from '../../utils/annotations.esm.js';
 import { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.esm.js';
 import { useEntityEnvironment } from '../../hooks/useEntityEnvironment.esm.js';
-import { KYVERNO_NAMESPACE_ANNOTATION, KYVERNO_KIND_ANNOTATION, KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
 
 const PageContent = ({ children }) => /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsx(Content, { children }) });
 const EntityKyvernoPoliciesContent = ({
@@ -16,7 +16,7 @@ const EntityKyvernoPoliciesContent = ({
 }) => {
   const { entity } = useEntity();
   const annotations = entity.metadata.annotations;
-  const annotationsState = containsRequiredAnnotations(annotations);
+  const annotationsState = isPolicyReporterAvailable(entity);
   const {
     environments,
     environmentsLoading,
@@ -28,15 +28,15 @@ const EntityKyvernoPoliciesContent = ({
       MissingAnnotationEmptyState,
       {
         readMoreUrl: annotationsDocumentationUrl,
-        annotation: annotationsRequired
+        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 = annotations[KYVERNO_NAMESPACE_ANNOTATION].split(",");
-  const kinds = annotations[KYVERNO_KIND_ANNOTATION].split(",");
-  const resourceName = annotations[KYVERNO_RESOURCE_NAME_ANNOTATION];
+  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,

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

@@ -1 +1 @@
-{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.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  containsRequiredAnnotations,\n  annotationsRequired,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport {\n  KYVERNO_KIND_ANNOTATION,\n  KYVERNO_NAMESPACE_ANNOTATION,\n  KYVERNO_RESOURCE_NAME_ANNOTATION,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: 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 EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  // Boolean variable to validate that entity have required annotations\n  const annotationsState: boolean = containsRequiredAnnotations(annotations);\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={annotationsRequired}\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 = annotations![KYVERNO_NAMESPACE_ANNOTATION].split(',');\n  const kinds = annotations![KYVERNO_KIND_ANNOTATION].split(',');\n  const resourceName = annotations![KYVERNO_RESOURCE_NAME_ANNOTATION];\n\n  return (\n    <PageContent>\n      <ContentHeader title=\"Kyverno Policy Reports\">\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: ['kyverno'],\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: ['kyverno'],\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: ['kyverno'],\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":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.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 KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: 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 EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  // Boolean variable to validate that entity have required annotations\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=\"Kyverno Policy Reports\">\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: ['kyverno'],\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: ['kyverno'],\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: ['kyverno'],\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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"}

package/dist/components/PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.esm.js

@@ -48,6 +48,22 @@ const useStyles = makeStyles((theme) => ({
     }
   }
 }));
+const GridItem = ({ label, value, ...gridProps }) => {
+  const classes = useStyles();
+  const isString = typeof value === "string";
+  return /* @__PURE__ */ jsx(Grid, { item: true, ...gridProps, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: label }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        className: classes.propertyValue,
+        component: isString ? "p" : "div",
+        children: value
+      }
+    )
+  ] }) });
+};
 const PolicyReportsDrawerComponent = ({
   content
 }) => {
@@ -60,55 +76,41 @@ const PolicyReportsDrawerComponent = ({
     /* @__PURE__ */ jsx(CardHeader, { title: "Policy Details" }),
     /* @__PURE__ */ jsxs(CardContent, { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: "General Information" }),
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "ID" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.id })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Name" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.name })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Namespace" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.namespace })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Kind" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.kind })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Resource ID" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.resourceId })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Timestamp" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: formattedDate })
-        ] }) })
-      ] }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: [
+        { label: "ID", value: content.id },
+        { label: "Name", value: content.name },
+        { label: "Namespace", value: content.namespace },
+        { label: "Kind", value: content.kind },
+        { label: "Resource ID", value: content.resourceId },
+        { label: "Timestamp", value: formattedDate }
+      ].map(({ label, value }, index) => /* @__PURE__ */ jsx(GridItem, { label, value, xs: 12, md: 6 }, index)) }),
       /* @__PURE__ */ jsx(Divider, { className: classes.divider }),
       /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: "Status Information" }),
       /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Status" }),
-          /* @__PURE__ */ jsx(StatusComponent, { status: content.status })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Severity" }),
-          /* @__PURE__ */ jsx(SeverityComponent, { severity: content.severity })
-        ] }) })
+        /* @__PURE__ */ jsx(
+          GridItem,
+          {
+            label: "Status",
+            value: /* @__PURE__ */ jsx(StatusComponent, { status: content.status }),
+            xs: 12,
+            md: 6
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          GridItem,
+          {
+            label: "Severity",
+            value: /* @__PURE__ */ jsx(SeverityComponent, { severity: content.severity }),
+            xs: 12,
+            md: 6
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx(Divider, { className: classes.divider }),
       /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: "Policy Information" }),
       /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Policy" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.policy })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { className: classes.propertyContainer, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyLabel, children: "Rule" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.propertyValue, children: content.rule })
-        ] }) })
+        /* @__PURE__ */ jsx(GridItem, { label: "Policy", value: content.policy, xs: 12 }),
+        /* @__PURE__ */ jsx(GridItem, { label: "Rule", value: content.rule, xs: 12 })
       ] }),
       /* @__PURE__ */ jsx(Divider, { className: classes.divider }),
       /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.sectionTitle, children: "Message" }),

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsDrawerComponent.esm.js","sources":["../../../src/components/PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.tsx"],"sourcesContent":["import { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n  Divider,\n  Grid,\n  Box,\n  Paper,\n  makeStyles,\n} from '@material-ui/core';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { StatusComponent } from '../StatusComponent';\n\ninterface PolicyReportsDrawerProps {\n  content: ListResult | undefined;\n}\n\n// Material-UI styles\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    maxWidth: 800,\n  },\n  sectionTitle: {\n    marginBottom: theme.spacing(1),\n    fontWeight: 500,\n  },\n  propertyLabel: {\n    color: theme.palette.text.secondary,\n    fontWeight: 500,\n  },\n  propertyValue: {\n    textAlign: 'right',\n  },\n  propertyContainer: {\n    marginBottom: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  divider: {\n    margin: theme.spacing(2, 0),\n  },\n  message: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n    color: 'black',\n  },\n  propertiesContainer: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n  },\n  propertyItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    padding: theme.spacing(1, 0),\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\nexport const PolicyReportsDrawerComponent = ({\n  content,\n}: PolicyReportsDrawerProps) => {\n  const classes = useStyles();\n\n  if (!content) {\n    return (\n      <Paper className={classes.root}>\n        <Box p={2}>\n          <Typography variant=\"body1\" color=\"textSecondary\">\n            No policy information available\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  // Format timestamp to readable date\n  const formattedDate = new Date(content.timestamp * 1000).toLocaleString();\n\n  return (\n    <Card className={classes.root} data-testid=\"policy-reports-drawer\">\n      <CardHeader title=\"Policy Details\" />\n      <CardContent>\n        {/* General Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          General Information\n        </Typography>\n        <Grid container spacing={2}>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                ID\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.id}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Name\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.name}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Namespace\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.namespace}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Kind\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.kind}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Resource ID\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.resourceId}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Timestamp\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {formattedDate}\n              </Typography>\n            </Box>\n          </Grid>\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Status Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Status Information\n        </Typography>\n        <Grid container spacing={2}>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Status\n              </Typography>\n              <StatusComponent status={content.status} />\n            </Box>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Severity\n              </Typography>\n              <SeverityComponent severity={content.severity} />\n            </Box>\n          </Grid>\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Policy Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Policy Information\n        </Typography>\n        <Grid container spacing={2}>\n          <Grid item xs={12}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Policy\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.policy}\n              </Typography>\n            </Box>\n          </Grid>\n          <Grid item xs={12}>\n            <Box className={classes.propertyContainer}>\n              <Typography variant=\"body2\" className={classes.propertyLabel}>\n                Rule\n              </Typography>\n              <Typography variant=\"body2\" className={classes.propertyValue}>\n                {content.rule}\n              </Typography>\n            </Box>\n          </Grid>\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Message */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Message\n        </Typography>\n        <Paper elevation={0} className={classes.message}>\n          <Typography variant=\"body2\">{content.message}</Typography>\n        </Paper>\n\n        {/* Additional Properties */}\n        {content.properties && Object.keys(content.properties).length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <Typography variant=\"h6\" className={classes.sectionTitle}>\n              Additional Properties\n            </Typography>\n            <Paper elevation={0} className={classes.propertiesContainer}>\n              {Object.entries(content.properties).map(([key, value]) => (\n                <Box key={key} className={classes.propertyItem}>\n                  <Typography variant=\"body2\" className={classes.propertyLabel}>\n                    {key}\n                  </Typography>\n                  <Typography variant=\"body2\">{value}</Typography>\n                </Box>\n              ))}\n            </Paper>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PolicyReportsDrawerComponent.esm.js","sources":["../../../src/components/PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.tsx"],"sourcesContent":["import { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n  Divider,\n  Grid,\n  Box,\n  Paper,\n  makeStyles,\n  GridProps,\n} from '@material-ui/core';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { StatusComponent } from '../StatusComponent';\n\ninterface PolicyReportsDrawerProps {\n  content: ListResult | undefined;\n}\n\n// Material-UI styles\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    maxWidth: 800,\n  },\n  sectionTitle: {\n    marginBottom: theme.spacing(1),\n    fontWeight: 500,\n  },\n  propertyLabel: {\n    color: theme.palette.text.secondary,\n    fontWeight: 500,\n  },\n  propertyValue: {\n    textAlign: 'right',\n  },\n  propertyContainer: {\n    marginBottom: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  divider: {\n    margin: theme.spacing(2, 0),\n  },\n  message: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n    color: 'black',\n  },\n  propertiesContainer: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n  },\n  propertyItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    padding: theme.spacing(1, 0),\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\ninterface GridItemProps extends GridProps {\n  label: string;\n  value: string | React.ReactNode;\n}\n\nconst GridItem = ({ label, value, ...gridProps }: GridItemProps) => {\n  const classes = useStyles();\n  const isString = typeof value === 'string';\n\n  return (\n    <Grid item {...gridProps}>\n      <Box className={classes.propertyContainer}>\n        <Typography variant=\"body2\" className={classes.propertyLabel}>\n          {label}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          className={classes.propertyValue}\n          component={isString ? 'p' : 'div'}\n        >\n          {value}\n        </Typography>\n      </Box>\n    </Grid>\n  );\n};\n\nexport const PolicyReportsDrawerComponent = ({\n  content,\n}: PolicyReportsDrawerProps) => {\n  const classes = useStyles();\n\n  if (!content) {\n    return (\n      <Paper className={classes.root}>\n        <Box p={2}>\n          <Typography variant=\"body1\" color=\"textSecondary\">\n            No policy information available\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  // Format timestamp to readable date\n  const formattedDate = new Date(content.timestamp * 1000).toLocaleString();\n\n  return (\n    <Card className={classes.root} data-testid=\"policy-reports-drawer\">\n      <CardHeader title=\"Policy Details\" />\n      <CardContent>\n        {/* General Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          General Information\n        </Typography>\n        <Grid container spacing={2}>\n          {[\n            { label: 'ID', value: content.id },\n            { label: 'Name', value: content.name },\n            { label: 'Namespace', value: content.namespace },\n            { label: 'Kind', value: content.kind },\n            { label: 'Resource ID', value: content.resourceId },\n            { label: 'Timestamp', value: formattedDate },\n          ].map(({ label, value }, index) => (\n            <GridItem label={label} key={index} value={value} xs={12} md={6} />\n          ))}\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Status Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Status Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem\n            label=\"Status\"\n            value={<StatusComponent status={content.status} />}\n            xs={12}\n            md={6}\n          />\n          <GridItem\n            label=\"Severity\"\n            value={<SeverityComponent severity={content.severity} />}\n            xs={12}\n            md={6}\n          />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Policy Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Policy Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem label=\"Policy\" value={content.policy} xs={12} />\n          <GridItem label=\"Rule\" value={content.rule} xs={12} />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Message */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Message\n        </Typography>\n        <Paper elevation={0} className={classes.message}>\n          <Typography variant=\"body2\">{content.message}</Typography>\n        </Paper>\n\n        {/* Additional Properties */}\n        {content.properties && Object.keys(content.properties).length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <Typography variant=\"h6\" className={classes.sectionTitle}>\n              Additional Properties\n            </Typography>\n            <Paper elevation={0} className={classes.propertiesContainer}>\n              {Object.entries(content.properties).map(([key, value]) => (\n                <Box key={key} className={classes.propertyItem}>\n                  <Typography variant=\"body2\" className={classes.propertyLabel}>\n                    {key}\n                  </Typography>\n                  <Typography variant=\"body2\">{value}</Typography>\n                </Box>\n              ))}\n            </Paper>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PolicyReportsPage/PolicyReportsPage.esm.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Progress, Page, Header, Content, ContentHeader } from '@backstage/core-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Progress, Page, Header, Content, EmptyState, Link, ContentHeader } from '@backstage/core-components';
 import { useEnvironments } from '../../hooks/useEnvironments.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { Grid } from '@material-ui/core';
+import { Button, Grid } from '@material-ui/core';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { useState } from 'react';
 import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
@@ -22,7 +22,31 @@ const PolicyReportsPage = ({
   const [status, setStatus] = useState(["fail"]);
   const [severity, setSeverity] = useState([]);
   if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
-  if (environments === void 0 || !currentEnvironment) return null;
+  if (environments === void 0 || !currentEnvironment)
+    return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+      /* @__PURE__ */ jsx(Header, { title, subtitle }),
+      /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          missing: "content",
+          title: "No kubernetes-cluster Resources found",
+          description: /* @__PURE__ */ jsxs(Fragment, { children: [
+            "You need to define a Resource with the kubernetes-cluster type and a",
+            /* @__PURE__ */ jsx("code", { children: " kyverno.io/endpoint " }),
+            " annotation for this plugin to work."
+          ] }),
+          action: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "primary",
+              component: Link,
+              to: "https://github.com/kyverno/backstage-policy-reporter-plugin",
+              children: "Read More"
+            }
+          ) })
+        }
+      ) })
+    ] });
   return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
     /* @__PURE__ */ jsx(Header, { title, subtitle }),
     /* @__PURE__ */ jsxs(Content, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { Grid } from '@material-ui/core';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { useState } from 'react';\nimport {\n  Severity,\n  Status,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  subtitle = 'View all policy reports from a Kubernetes cluster',\n  policyDocumentationUrl,\n}: PolicyReportsPageProps) => {\n  const {\n    environments,\n    environmentsLoading,\n    setCurrentEnvironment,\n    currentEnvironment,\n  } = useEnvironments();\n\n  const [status, setStatus] = useState<Status[]>(['fail']);\n  const [severity, setSeverity] = useState<Severity[]>([]);\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (environments === undefined || !currentEnvironment) return null; // TODO: display missing kubernetes environments\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={title} subtitle={subtitle} />\n      <Content>\n        <ContentHeader>\n          <SelectStatus currentStatus={status} setStatus={setStatus} />\n          <SelectSeverity\n            currentSeverity={severity}\n            setSeverity={setSeverity}\n          />\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                status: status,\n                severities: severity,\n              }}\n              title=\"Policy Results\"\n              emptyContentText=\"No policies found\"\n              policyDocumentationUrl={policyDocumentationUrl}\n              pagination={{ offset: 25 }}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAyBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAQ,GAAA,gBAAA;AAAA,EACR,QAAW,GAAA,mDAAA;AAAA,EACX;AACF,CAA8B,KAAA;AAC5B,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AAEpB,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,QAAmB,CAAA,CAAC,MAAM,CAAC,CAAA;AACvD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAqB,EAAE,CAAA;AAGvD,EAAI,IAAA,mBAAA,EAA4B,uBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAG1C,EAAA,IAAI,YAAiB,KAAA,KAAA,CAAA,IAAa,CAAC,kBAAA,EAA2B,OAAA,IAAA;AAE9D,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAc,QAAoB,EAAA,CAAA;AAAA,yBACzC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,YAAA,EAAA,EAAa,aAAe,EAAA,MAAA,EAAQ,SAAsB,EAAA,CAAA;AAAA,wBAC3D,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,eAAiB,EAAA,QAAA;AAAA,YACjB;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA;AACF,OACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACvB,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,kBAAA;AAAA,UACA,MAAQ,EAAA;AAAA,YACN,MAAA;AAAA,YACA,UAAY,EAAA;AAAA,WACd;AAAA,UACA,KAAM,EAAA,gBAAA;AAAA,UACN,gBAAiB,EAAA,mBAAA;AAAA,UACjB,sBAAA;AAAA,UACA,UAAA,EAAY,EAAE,MAAA,EAAQ,EAAG;AAAA;AAAA,SAE7B,CACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import {\n  Content,\n  ContentHeader,\n  EmptyState,\n  Header,\n  Link,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { Button, Grid } from '@material-ui/core';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { useState } from 'react';\nimport {\n  Severity,\n  Status,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  subtitle = 'View all policy reports from a Kubernetes cluster',\n  policyDocumentationUrl,\n}: PolicyReportsPageProps) => {\n  const {\n    environments,\n    environmentsLoading,\n    setCurrentEnvironment,\n    currentEnvironment,\n  } = useEnvironments();\n\n  const [status, setStatus] = useState<Status[]>(['fail']);\n  const [severity, setSeverity] = useState<Severity[]>([]);\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (environments === undefined || !currentEnvironment)\n    return (\n      <Page themeId=\"tool\">\n        <Header title={title} subtitle={subtitle} />\n        <Content>\n          <EmptyState\n            missing=\"content\"\n            title=\"No kubernetes-cluster Resources found\"\n            description={\n              <>\n                You need to define a Resource with the kubernetes-cluster type\n                and a<code> kyverno.io/endpoint </code> annotation for this\n                plugin to work.\n              </>\n            }\n            action={\n              <>\n                <Button\n                  color=\"primary\"\n                  component={Link}\n                  to=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n                >\n                  Read More\n                </Button>\n              </>\n            }\n          />\n        </Content>\n      </Page>\n    );\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={title} subtitle={subtitle} />\n      <Content>\n        <ContentHeader>\n          <SelectStatus currentStatus={status} setStatus={setStatus} />\n          <SelectSeverity\n            currentSeverity={severity}\n            setSeverity={setSeverity}\n          />\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                status: status,\n                severities: severity,\n              }}\n              title=\"Policy Results\"\n              emptyContentText=\"No policies found\"\n              policyDocumentationUrl={policyDocumentationUrl}\n              pagination={{ offset: 25 }}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import {\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { useMemo, useState } from 'react';\nimport {\n  Filter,\n  ListResult,\n  Pagination,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer, makeStyles } from '@material-ui/core';\nimport Chip from '@material-ui/core/Chip';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport Launch from '@material-ui/icons/Launch';\nimport { Environment } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { usePaginatedPolicies } from '../../hooks/usePaginatedPolicies';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent/PolicyReportsDrawerComponent';\n\ninterface PolicyReportsTableProps {\n  currentEnvironment: Environment;\n  filter: Filter;\n  title: string;\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n  enableSearch?: boolean;\n  pagination?: Partial<Pagination>;\n  pageSizeOptions?: number[];\n}\n\nexport const PolicyReportsTable = ({\n  title,\n  emptyContentText,\n  currentEnvironment,\n  filter,\n  policyDocumentationUrl,\n  enableSearch,\n  pagination,\n  pageSizeOptions,\n}: PolicyReportsTableProps) => {\n  const useStyles = makeStyles(theme => ({\n    empty: {\n      padding: theme.spacing(2),\n      display: 'flex',\n      justifyContent: 'center',\n    },\n  }));\n\n  const [search, setSearch] = useState<string | undefined>(undefined);\n  const mergedFilter = useMemo(\n    () => ({\n      ...filter,\n      search: search ?? filter.search, // override search if search state is defined\n    }),\n    [filter, search],\n  );\n\n  const [showDrawer, setShowDrawer] = useState<boolean>(false);\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n  const classes = useStyles();\n\n  const columns: TableColumn<ListResult>[] = [\n    {\n      title: 'name',\n      field: 'name',\n    },\n    {\n      title: 'namespace',\n      field: 'namespace',\n    },\n    {\n      title: 'kind',\n      field: 'kind',\n    },\n    {\n      title: 'policy',\n      field: 'policy',\n      render: (listResult: ListResult) => {\n        // When policyDocumentationUrl is provided create link to the Policy section\n        if (policyDocumentationUrl)\n          return (\n            <Chip\n              label={listResult.policy}\n              component=\"a\"\n              target=\"_blank\"\n              href={`${policyDocumentationUrl}#${listResult.policy}`}\n              clickable\n              icon={<Launch fontSize=\"small\" />}\n            />\n          );\n\n        return <Chip label={listResult.policy} />;\n      },\n    },\n    {\n      title: 'rule',\n      field: 'rule',\n      render: (listResult: ListResult) => {\n        return <Chip label={listResult.rule} />;\n      },\n    },\n    {\n      title: 'status',\n      field: 'status',\n      width: '30',\n      render: (listResult: ListResult) => {\n        return <StatusComponent status={listResult.status} />;\n      },\n    },\n    {\n      title: 'severity',\n      field: 'severity',\n      width: '30',\n      render: (listResult: ListResult) => {\n        return <SeverityComponent severity={listResult.severity} />;\n      },\n    },\n  ];\n\n  const {\n    policies,\n    policiesError,\n    currentPage,\n    currentOffset,\n    setCurrentPage,\n    setCurrentOffset,\n    initialLoading,\n  } = usePaginatedPolicies(currentEnvironment, mergedFilter, pagination);\n\n  if (policiesError) return <ResponseErrorPanel error={policiesError} />;\n\n  // Return loading table\n  if (initialLoading)\n    return (\n      <Table\n        options={{ paging: false, padding: 'dense' }}\n        data={[]}\n        columns={columns}\n        isLoading\n        title={title}\n      />\n    );\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={showDrawer}\n        onClose={() => setShowDrawer(false)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        options={{\n          sorting: true,\n          padding: 'dense',\n          search: enableSearch,\n          pageSize: currentOffset,\n          pageSizeOptions: pageSizeOptions,\n        }}\n        onRowClick={(\n          event?: React.MouseEvent<Element, MouseEvent>,\n          rowData?: ListResult,\n        ) => {\n          event?.preventDefault();\n          setShowDrawer(true);\n          setDrawerContent(rowData);\n        }}\n        data={policies?.items ?? []}\n        columns={columns}\n        title={title}\n        totalCount={policies?.count}\n        page={currentPage}\n        onRowsPerPageChange={page => setCurrentOffset(page)}\n        onPageChange={page => setCurrentPage(page)}\n        emptyContent={<div className={classes.empty}>{emptyContentText}</div>}\n        onSearchChange={searchText => setSearch(searchText)}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import {\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { useMemo, useState } from 'react';\nimport {\n  Filter,\n  ListResult,\n  Pagination,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer, makeStyles } from '@material-ui/core';\nimport Chip from '@material-ui/core/Chip';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport Launch from '@material-ui/icons/Launch';\nimport { Environment } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { usePaginatedPolicies } from '../../hooks/usePaginatedPolicies';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent';\n\ninterface PolicyReportsTableProps {\n  currentEnvironment: Environment;\n  filter: Filter;\n  title: string;\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n  enableSearch?: boolean;\n  pagination?: Partial<Pagination>;\n  pageSizeOptions?: number[];\n}\n\nexport const PolicyReportsTable = ({\n  title,\n  emptyContentText,\n  currentEnvironment,\n  filter,\n  policyDocumentationUrl,\n  enableSearch,\n  pagination,\n  pageSizeOptions,\n}: PolicyReportsTableProps) => {\n  const useStyles = makeStyles(theme => ({\n    empty: {\n      padding: theme.spacing(2),\n      display: 'flex',\n      justifyContent: 'center',\n    },\n  }));\n\n  const [search, setSearch] = useState<string | undefined>(undefined);\n  const mergedFilter = useMemo(\n    () => ({\n      ...filter,\n      search: search ?? filter.search, // override search if search state is defined\n    }),\n    [filter, search],\n  );\n\n  const [showDrawer, setShowDrawer] = useState<boolean>(false);\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n  const classes = useStyles();\n\n  const columns: TableColumn<ListResult>[] = [\n    {\n      title: 'name',\n      field: 'name',\n    },\n    {\n      title: 'namespace',\n      field: 'namespace',\n    },\n    {\n      title: 'kind',\n      field: 'kind',\n    },\n    {\n      title: 'policy',\n      field: 'policy',\n      render: (listResult: ListResult) => {\n        // When policyDocumentationUrl is provided create link to the Policy section\n        if (policyDocumentationUrl)\n          return (\n            <Chip\n              label={listResult.policy}\n              component=\"a\"\n              target=\"_blank\"\n              href={`${policyDocumentationUrl}#${listResult.policy}`}\n              clickable\n              icon={<Launch fontSize=\"small\" />}\n            />\n          );\n\n        return <Chip label={listResult.policy} />;\n      },\n    },\n    {\n      title: 'rule',\n      field: 'rule',\n      render: (listResult: ListResult) => {\n        return <Chip label={listResult.rule} />;\n      },\n    },\n    {\n      title: 'status',\n      field: 'status',\n      width: '30',\n      render: (listResult: ListResult) => {\n        return <StatusComponent status={listResult.status} />;\n      },\n    },\n    {\n      title: 'severity',\n      field: 'severity',\n      width: '30',\n      render: (listResult: ListResult) => {\n        return <SeverityComponent severity={listResult.severity} />;\n      },\n    },\n  ];\n\n  const {\n    policies,\n    policiesError,\n    currentPage,\n    currentOffset,\n    setCurrentPage,\n    setCurrentOffset,\n    initialLoading,\n  } = usePaginatedPolicies(currentEnvironment, mergedFilter, pagination);\n\n  if (policiesError) return <ResponseErrorPanel error={policiesError} />;\n\n  // Return loading table\n  if (initialLoading)\n    return (\n      <Table\n        options={{ paging: false, padding: 'dense' }}\n        data={[]}\n        columns={columns}\n        isLoading\n        title={title}\n      />\n    );\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={showDrawer}\n        onClose={() => setShowDrawer(false)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        options={{\n          sorting: true,\n          padding: 'dense',\n          search: enableSearch,\n          pageSize: currentOffset,\n          pageSizeOptions: pageSizeOptions,\n        }}\n        onRowClick={(\n          event?: React.MouseEvent<Element, MouseEvent>,\n          rowData?: ListResult,\n        ) => {\n          event?.preventDefault();\n          setShowDrawer(true);\n          setDrawerContent(rowData);\n        }}\n        data={policies?.items ?? []}\n        columns={columns}\n        title={title}\n        totalCount={policies?.count}\n        page={currentPage}\n        onRowsPerPageChange={page => setCurrentOffset(page)}\n        onPageChange={page => setCurrentPage(page)}\n        emptyContent={<div className={classes.empty}>{emptyContentText}</div>}\n        onSearchChange={searchText => setSearch(searchText)}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/usePaginatedPolicies.esm.js

@@ -1,6 +1,6 @@
 import { useAsync } from 'react-use';
 import { useApi } from '@backstage/core-plugin-api';
-import { policyReporterApiRef } from '../api/PolicyReporterApi.esm.js';
+import { policyReporterApiRef } from '../api/PolicyReporterClient.esm.js';
 import { useState, useEffect } from 'react';
 
 const DEFAULT_OFFSET = 5;
@@ -22,18 +22,18 @@ const usePaginatedPolicies = (currentEnvironment, filter, pagination) => {
     loading: policiesLoading,
     error: policiesError
   } = useAsync(async () => {
-    const data = await policyReporterApi.namespacedResults(
-      currentEnvironment.entityRef,
-      filter,
-      {
+    const data = await policyReporterApi.getNamespacedResults({
+      query: {
+        environment: encodeURI(currentEnvironment.entityRef),
+        ...filter,
         // Material UI expects the first page to be 0. But the Policy Reporter API expects the first page to be 1
         // This increments the currentPage with 1 to match the expected page by the Policy Reporter API
         page: currentPage + 1,
         offset: currentOffset
       }
-    );
+    });
     setInitialLoading(false);
-    return data;
+    return data.json();
   }, [currentEnvironment, filter, currentPage, currentOffset]);
   return {
     policies,

package/dist/hooks/usePaginatedPolicies.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginatedPolicies.esm.js","sources":["../../src/hooks/usePaginatedPolicies.ts"],"sourcesContent":["import { useAsync } from 'react-use';\nimport {\n  Environment,\n  Pagination,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { policyReporterApiRef } from '../api';\nimport {\n  Filter,\n  ResultList,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { useEffect, useState } from 'react';\n\nconst DEFAULT_OFFSET = 5;\nconst DEFAULT_PAGE = 0;\n\nexport const usePaginatedPolicies = (\n  currentEnvironment: Environment,\n  filter: Filter,\n  pagination?: Partial<Pagination>,\n) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const [currentPage, setCurrentPage] = useState<number>(\n    pagination?.page ?? DEFAULT_PAGE,\n  );\n  const [currentOffset, setCurrentOffset] = useState<number>(\n    pagination?.offset ?? DEFAULT_OFFSET,\n  );\n  const [initialLoading, setInitialLoading] = useState<boolean>(true);\n\n  useEffect(() => {\n    setInitialLoading(true);\n  }, [currentEnvironment]);\n\n  const {\n    value: policies,\n    loading: policiesLoading,\n    error: policiesError,\n  } = useAsync(async (): Promise<ResultList> => {\n    const data = await policyReporterApi.namespacedResults(\n      currentEnvironment.entityRef,\n      filter,\n      {\n        // Material UI expects the first page to be 0. But the Policy Reporter API expects the first page to be 1\n        // This increments the currentPage with 1 to match the expected page by the Policy Reporter API\n        page: currentPage + 1,\n        offset: currentOffset,\n      },\n    );\n    setInitialLoading(false);\n    return data;\n  }, [currentEnvironment, filter, currentPage, currentOffset]);\n\n  return {\n    policies,\n    policiesLoading,\n    policiesError,\n    currentPage,\n    setCurrentPage,\n    currentOffset,\n    setCurrentOffset,\n    initialLoading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAaA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAM,YAAe,GAAA,CAAA;AAEd,MAAM,oBAAuB,GAAA,CAClC,kBACA,EAAA,MAAA,EACA,UACG,KAAA;AACH,EAAM,MAAA,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,YAAY,IAAQ,IAAA;AAAA,GACtB;AACA,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,YAAY,MAAU,IAAA;AAAA,GACxB;AACA,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,IAAI,CAAA;AAElE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,CAAkB,IAAI,CAAA;AAAA,GACxB,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,eAAA;AAAA,IACT,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAiC;AAC5C,IAAM,MAAA,IAAA,GAAO,MAAM,iBAAkB,CAAA,iBAAA;AAAA,MACnC,kBAAmB,CAAA,SAAA;AAAA,MACnB,MAAA;AAAA,MACA;AAAA;AAAA;AAAA,QAGE,MAAM,WAAc,GAAA,CAAA;AAAA,QACpB,MAAQ,EAAA;AAAA;AACV,KACF;AACA,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAO,OAAA,IAAA;AAAA,KACN,CAAC,kBAAA,EAAoB,MAAQ,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA;AAE3D,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"usePaginatedPolicies.esm.js","sources":["../../src/hooks/usePaginatedPolicies.ts"],"sourcesContent":["import { useAsync } from 'react-use';\nimport {\n  Environment,\n  Pagination,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { policyReporterApiRef } from '../api';\nimport {\n  Filter,\n  ResultList,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { useEffect, useState } from 'react';\n\nconst DEFAULT_OFFSET = 5;\nconst DEFAULT_PAGE = 0;\n\nexport const usePaginatedPolicies = (\n  currentEnvironment: Environment,\n  filter: Filter,\n  pagination?: Partial<Pagination>,\n) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const [currentPage, setCurrentPage] = useState<number>(\n    pagination?.page ?? DEFAULT_PAGE,\n  );\n  const [currentOffset, setCurrentOffset] = useState<number>(\n    pagination?.offset ?? DEFAULT_OFFSET,\n  );\n  const [initialLoading, setInitialLoading] = useState<boolean>(true);\n\n  useEffect(() => {\n    setInitialLoading(true);\n  }, [currentEnvironment]);\n\n  const {\n    value: policies,\n    loading: policiesLoading,\n    error: policiesError,\n  } = useAsync(async (): Promise<ResultList> => {\n    const data = await policyReporterApi.getNamespacedResults({\n      query: {\n        environment: encodeURI(currentEnvironment.entityRef),\n        ...filter,\n        // Material UI expects the first page to be 0. But the Policy Reporter API expects the first page to be 1\n        // This increments the currentPage with 1 to match the expected page by the Policy Reporter API\n        page: currentPage + 1,\n        offset: currentOffset,\n      },\n    });\n\n    setInitialLoading(false);\n    return data.json();\n  }, [currentEnvironment, filter, currentPage, currentOffset]);\n\n  return {\n    policies,\n    policiesLoading,\n    policiesError,\n    currentPage,\n    setCurrentPage,\n    currentOffset,\n    setCurrentOffset,\n    initialLoading,\n  };\n};\n"],"names":[],"mappings":";;;;;AAaA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAM,YAAe,GAAA,CAAA;AAEd,MAAM,oBAAuB,GAAA,CAClC,kBACA,EAAA,MAAA,EACA,UACG,KAAA;AACH,EAAM,MAAA,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,YAAY,IAAQ,IAAA;AAAA,GACtB;AACA,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,YAAY,MAAU,IAAA;AAAA,GACxB;AACA,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,IAAI,CAAA;AAElE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,CAAkB,IAAI,CAAA;AAAA,GACxB,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,eAAA;AAAA,IACT,KAAO,EAAA;AAAA,GACT,GAAI,SAAS,YAAiC;AAC5C,IAAM,MAAA,IAAA,GAAO,MAAM,iBAAA,CAAkB,oBAAqB,CAAA;AAAA,MACxD,KAAO,EAAA;AAAA,QACL,WAAA,EAAa,SAAU,CAAA,kBAAA,CAAmB,SAAS,CAAA;AAAA,QACnD,GAAG,MAAA;AAAA;AAAA;AAAA,QAGH,MAAM,WAAc,GAAA,CAAA;AAAA,QACpB,MAAQ,EAAA;AAAA;AACV,KACD,CAAA;AAED,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,OAAO,KAAK,IAAK,EAAA;AAAA,KAChB,CAAC,kBAAA,EAAoB,MAAQ,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA;AAE3D,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/index.d.ts

@@ -18,6 +18,6 @@ declare const EntityCustomPoliciesContent: ({ annotationsDocumentationUrl, polic
     sources: string[];
     title: string;
 }) => react_jsx_runtime.JSX.Element;
-declare const PolicyReportsPage: ({ title, subtitle, policyDocumentationUrl, }: PolicyReportsPageProps) => react_jsx_runtime.JSX.Element | null;
+declare const PolicyReportsPage: ({ title, subtitle, policyDocumentationUrl, }: PolicyReportsPageProps) => react_jsx_runtime.JSX.Element;
 
 export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, PolicyReportsPage, policyReporterPlugin };

package/dist/plugin.esm.js

@@ -1,7 +1,7 @@
 import { createPlugin, createApiFactory, fetchApiRef, discoveryApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
-import { policyReporterApiRef } from './api/PolicyReporterApi.esm.js';
-import { PolicyReporterApiClient } from './api/PolicyReporterClient.esm.js';
 import { rootRouteRef } from './routes.esm.js';
+import { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { policyReporterApiRef } from './api/PolicyReporterClient.esm.js';
 
 const policyReporterPlugin = createPlugin({
   id: "policy-reporter",
@@ -9,7 +9,7 @@ const policyReporterPlugin = createPlugin({
     createApiFactory({
       api: policyReporterApiRef,
       deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },
-      factory: ({ discoveryApi, fetchApi }) => new PolicyReporterApiClient({ discoveryApi, fetchApi })
+      factory: ({ discoveryApi, fetchApi }) => new DefaultApiClient({ discoveryApi, fetchApi })
     })
   ]
 });

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { policyReporterApiRef } from './api/PolicyReporterApi';\nimport { PolicyReporterApiClient } from './api/PolicyReporterClient';\n\nimport { rootRouteRef } from './routes';\n\nexport const policyReporterPlugin = createPlugin({\n  id: 'policy-reporter',\n  apis: [\n    createApiFactory({\n      api: policyReporterApiRef,\n      deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new PolicyReporterApiClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\nexport const EntityKyvernoPoliciesContent = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityKyvernoPoliciesContent',\n    component: () =>\n      import('./components/EntityKyvernoPoliciesContent').then(\n        m => m.EntityKyvernoPoliciesContent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const EntityCustomPoliciesContent = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityCustomPoliciesContent',\n    component: () =>\n      import('./components/EntityCustomPoliciesContent').then(\n        m => m.EntityCustomPoliciesContent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const PolicyReportsPage = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'PolicyReportsPage',\n    component: () =>\n      import('./components/PolicyReportsPage').then(m => m.PolicyReportsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AAYO,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,oBAAA;AAAA,MACL,IAAM,EAAA,EAAE,QAAU,EAAA,WAAA,EAAa,cAAc,eAAgB,EAAA;AAAA,MAC7D,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,uBAAwB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU;AAAA,KACzD;AAAA;AAEL,CAAC;AAEM,MAAM,+BAA+B,oBAAqB,CAAA,OAAA;AAAA,EAC/D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,8BAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,wDAA2C,CAAE,CAAA,IAAA;AAAA,MAClD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAEO,MAAM,8BAA8B,oBAAqB,CAAA,OAAA;AAAA,EAC9D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,6BAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,uDAA0C,CAAE,CAAA,IAAA;AAAA,MACjD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAEO,MAAM,oBAAoB,oBAAqB,CAAA,OAAA;AAAA,EACpD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA;AAAA,GACb;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\nimport { DefaultApiClient } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { policyReporterApiRef } from './api';\n\nexport const policyReporterPlugin = createPlugin({\n  id: 'policy-reporter',\n  apis: [\n    createApiFactory({\n      api: policyReporterApiRef,\n      deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DefaultApiClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n});\n\nexport const EntityKyvernoPoliciesContent = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityKyvernoPoliciesContent',\n    component: () =>\n      import('./components/EntityKyvernoPoliciesContent').then(\n        m => m.EntityKyvernoPoliciesContent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const EntityCustomPoliciesContent = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityCustomPoliciesContent',\n    component: () =>\n      import('./components/EntityCustomPoliciesContent').then(\n        m => m.EntityCustomPoliciesContent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const PolicyReportsPage = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'PolicyReportsPage',\n    component: () =>\n      import('./components/PolicyReportsPage').then(m => m.PolicyReportsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;;;AAYO,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,oBAAA;AAAA,MACL,IAAM,EAAA,EAAE,QAAU,EAAA,WAAA,EAAa,cAAc,eAAgB,EAAA;AAAA,MAC7D,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,gBAAiB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU;AAAA,KAClD;AAAA;AAEL,CAAC;AAEM,MAAM,+BAA+B,oBAAqB,CAAA,OAAA;AAAA,EAC/D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,8BAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,wDAA2C,CAAE,CAAA,IAAA;AAAA,MAClD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAEO,MAAM,8BAA8B,oBAAqB,CAAA,OAAA;AAAA,EAC9D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,6BAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,uDAA0C,CAAE,CAAA,IAAA;AAAA,MACjD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAEO,MAAM,oBAAoB,oBAAqB,CAAA,OAAA;AAAA,EACpD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA;AAAA,GACb;AACH;;;;"}

package/dist/utils/annotations.esm.js

@@ -1,13 +1,31 @@
-import { KYVERNO_RESOURCE_NAME_ANNOTATION, KYVERNO_KIND_ANNOTATION, KYVERNO_NAMESPACE_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
+import { KYVERNO_RESOURCE_NAME_ANNOTATION, KYVERNO_NAMESPACE_ANNOTATION, KUBERNETES_NAMESPACE_ANNOTATION, KYVERNO_KIND_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
 
-const annotationsRequired = [
-  KYVERNO_RESOURCE_NAME_ANNOTATION,
-  KYVERNO_KIND_ANNOTATION,
-  KYVERNO_NAMESPACE_ANNOTATION
-];
-const containsRequiredAnnotations = (annotations) => {
-  return annotations ? annotationsRequired.every((key) => key in annotations) : false;
+const isPolicyReporterAvailable = (entity) => Boolean(entity.metadata.annotations?.[KYVERNO_RESOURCE_NAME_ANNOTATION]);
+const getNamespaces = (annotations) => {
+  if (!annotations) return [];
+  if (annotations[KYVERNO_NAMESPACE_ANNOTATION]) {
+    return annotations[KYVERNO_NAMESPACE_ANNOTATION].split(",").map(
+      (item) => item.trim()
+    );
+  }
+  if (annotations[KUBERNETES_NAMESPACE_ANNOTATION]) {
+    return [annotations[KUBERNETES_NAMESPACE_ANNOTATION]];
+  }
+  return [];
+};
+const getKinds = (annotations) => {
+  if (!annotations) return [];
+  if (annotations[KYVERNO_KIND_ANNOTATION]) {
+    return annotations[KYVERNO_KIND_ANNOTATION].split(",").map(
+      (item) => item.trim()
+    );
+  }
+  return [];
+};
+const getResourceName = (annotations) => {
+  if (!annotations) return "";
+  return annotations[KYVERNO_RESOURCE_NAME_ANNOTATION] || "";
 };
 
-export { annotationsRequired, containsRequiredAnnotations };
+export { getKinds, getNamespaces, getResourceName, isPolicyReporterAvailable };
 //# sourceMappingURL=annotations.esm.js.map

package/dist/utils/annotations.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotations.esm.js","sources":["../../src/utils/annotations.ts"],"sourcesContent":["import {\n  KYVERNO_KIND_ANNOTATION,\n  KYVERNO_NAMESPACE_ANNOTATION,\n  KYVERNO_RESOURCE_NAME_ANNOTATION,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\n\n// Define all annotations required for the component to work\nexport const annotationsRequired: string[] = [\n  KYVERNO_RESOURCE_NAME_ANNOTATION,\n  KYVERNO_KIND_ANNOTATION,\n  KYVERNO_NAMESPACE_ANNOTATION,\n];\n\n// Check annotations object for all required annotations\nexport const containsRequiredAnnotations = (\n  annotations: Record<string, string> | undefined,\n): boolean => {\n  return annotations\n    ? annotationsRequired.every(key => key in annotations)\n    : false;\n};\n"],"names":[],"mappings":";;AAOO,MAAM,mBAAgC,GAAA;AAAA,EAC3C,gCAAA;AAAA,EACA,uBAAA;AAAA,EACA;AACF;AAGa,MAAA,2BAAA,GAA8B,CACzC,WACY,KAAA;AACZ,EAAA,OAAO,cACH,mBAAoB,CAAA,KAAA,CAAM,CAAO,GAAA,KAAA,GAAA,IAAO,WAAW,CACnD,GAAA,KAAA;AACN;;;;"}
+{"version":3,"file":"annotations.esm.js","sources":["../../src/utils/annotations.ts"],"sourcesContent":["import { Entity } from '@backstage/catalog-model';\nimport {\n  KYVERNO_KIND_ANNOTATION,\n  KYVERNO_NAMESPACE_ANNOTATION,\n  KYVERNO_RESOURCE_NAME_ANNOTATION,\n  KUBERNETES_NAMESPACE_ANNOTATION,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\n\n/**\n * Utility functions for working with Backstage entity annotations\n * specifically for Kyverno policy reporter plugin integration\n */\n\n/**\n * Validates that an annotations object contains all required annotation keys\n * @param annotations - The annotations object from a Backstage entity (optional)\n * @param required - Array of required annotation keys to check for\n * @returns true if all required keys exist in annotations, false otherwise\n */\nexport const containsRequiredAnnotations = (\n  annotations: Record<string, string> | undefined,\n  required: string[],\n): boolean => {\n  return annotations ? required.every(key => key in annotations) : false;\n};\n\n/**\n * Validates that an entity has configured policy reporter\n * @param entity - The the Backstage entity\n * @returns true if policy reporter is configured.\n */\nexport const isPolicyReporterAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[KYVERNO_RESOURCE_NAME_ANNOTATION]);\n\n/**\n * Extracts namespace values from annotations, supporting both Kyverno and Kubernetes formats\n * Priority: Kyverno namespace annotation (comma-separated) > Kubernetes namespace annotation (single value)\n * @param annotations - The annotations object from a Backstage entity (optional)\n * @returns Array of namespace strings, empty array if no namespace annotations found\n */\nexport const getNamespaces = (\n  annotations: Record<string, string> | undefined,\n): string[] => {\n  if (!annotations) return [];\n\n  // Check for Kyverno-specific namespace annotation (supports multiple namespaces)\n  if (annotations[KYVERNO_NAMESPACE_ANNOTATION]) {\n    return annotations[KYVERNO_NAMESPACE_ANNOTATION].split(',').map(item =>\n      item.trim(),\n    );\n  }\n\n  // Fall back to standard Kubernetes namespace annotation (single namespace)\n  if (annotations[KUBERNETES_NAMESPACE_ANNOTATION]) {\n    return [annotations[KUBERNETES_NAMESPACE_ANNOTATION]];\n  }\n\n  return [];\n};\n\n/**\n * Extracts Kubernetes resource kinds from Kyverno-specific annotation\n * @param annotations - The annotations object from a Backstage entity (optional)\n * @returns Array of Kubernetes resource kind strings (e.g., ['Pod', 'Service']), empty array if not found\n */\nexport const getKinds = (\n  annotations: Record<string, string> | undefined,\n): string[] => {\n  if (!annotations) return [];\n\n  // Parse comma-separated list of Kubernetes resource kinds\n  if (annotations[KYVERNO_KIND_ANNOTATION]) {\n    return annotations[KYVERNO_KIND_ANNOTATION].split(',').map(item =>\n      item.trim(),\n    );\n  }\n\n  return [];\n};\n\n/**\n * Extracts a specific resource name from Kyverno annotation\n * Used to target a particular Kubernetes resource for policy evaluation\n * @param annotations - The annotations object from a Backstage entity (optional)\n * @returns Resource name string, empty string if annotation not found\n */\nexport const getResourceName = (\n  annotations: Record<string, string> | undefined,\n): string => {\n  if (!annotations) return '';\n\n  return annotations[KYVERNO_RESOURCE_NAME_ANNOTATION] || '';\n};\n"],"names":[],"mappings":";;AA+Ba,MAAA,yBAAA,GAA4B,CAAC,MACxC,KAAA,OAAA,CAAQ,OAAO,QAAS,CAAA,WAAA,GAAc,gCAAgC,CAAC;AAQ5D,MAAA,aAAA,GAAgB,CAC3B,WACa,KAAA;AACb,EAAI,IAAA,CAAC,WAAa,EAAA,OAAO,EAAC;AAG1B,EAAI,IAAA,WAAA,CAAY,4BAA4B,CAAG,EAAA;AAC7C,IAAA,OAAO,WAAY,CAAA,4BAA4B,CAAE,CAAA,KAAA,CAAM,GAAG,CAAE,CAAA,GAAA;AAAA,MAAI,CAAA,IAAA,KAC9D,KAAK,IAAK;AAAA,KACZ;AAAA;AAIF,EAAI,IAAA,WAAA,CAAY,+BAA+B,CAAG,EAAA;AAChD,IAAO,OAAA,CAAC,WAAY,CAAA,+BAA+B,CAAC,CAAA;AAAA;AAGtD,EAAA,OAAO,EAAC;AACV;AAOa,MAAA,QAAA,GAAW,CACtB,WACa,KAAA;AACb,EAAI,IAAA,CAAC,WAAa,EAAA,OAAO,EAAC;AAG1B,EAAI,IAAA,WAAA,CAAY,uBAAuB,CAAG,EAAA;AACxC,IAAA,OAAO,WAAY,CAAA,uBAAuB,CAAE,CAAA,KAAA,CAAM,GAAG,CAAE,CAAA,GAAA;AAAA,MAAI,CAAA,IAAA,KACzD,KAAK,IAAK;AAAA,KACZ;AAAA;AAGF,EAAA,OAAO,EAAC;AACV;AAQa,MAAA,eAAA,GAAkB,CAC7B,WACW,KAAA;AACX,EAAI,IAAA,CAAC,aAAoB,OAAA,EAAA;AAEzB,EAAO,OAAA,WAAA,CAAY,gCAAgC,CAAK,IAAA,EAAA;AAC1D;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyverno/backstage-plugin-policy-reporter",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -39,13 +39,13 @@
     "directory": "plugins/policy-reporter"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.10.0",
-    "@backstage/catalog-model": "^1.7.4",
-    "@backstage/core-components": "^0.17.2",
-    "@backstage/core-plugin-api": "^1.10.7",
-    "@backstage/plugin-catalog-react": "^1.18.0",
-    "@backstage/theme": "^0.6.6",
-    "@kyverno/backstage-plugin-policy-reporter-common": "^2.0.7",
+    "@backstage/catalog-client": "^1.12.0",
+    "@backstage/catalog-model": "^1.7.5",
+    "@backstage/core-components": "^0.18.1",
+    "@backstage/core-plugin-api": "^1.11.0",
+    "@backstage/plugin-catalog-react": "^1.21.1",
+    "@backstage/theme": "^0.6.8",
+    "@kyverno/backstage-plugin-policy-reporter-common": "^2.1.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -55,10 +55,10 @@
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.32.1",
-    "@backstage/core-app-api": "^1.17.0",
-    "@backstage/dev-utils": "^1.1.10",
-    "@backstage/test-utils": "^1.7.8",
+    "@backstage/cli": "^0.34.3",
+    "@backstage/core-app-api": "^1.19.0",
+    "@backstage/dev-utils": "^1.1.14",
+    "@backstage/test-utils": "^1.7.11",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",

package/dist/api/PolicyReporterApi.esm.js

@@ -1,8 +0,0 @@
-import { createApiRef } from '@backstage/core-plugin-api';
-
-const policyReporterApiRef = createApiRef({
-  id: "plugin.policy-reporter.service"
-});
-
-export { policyReporterApiRef };
-//# sourceMappingURL=PolicyReporterApi.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PolicyReporterApi.esm.js","sources":["../../src/api/PolicyReporterApi.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  Filter,\n  Pagination,\n  ResultList,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const policyReporterApiRef = createApiRef<PolicyReporterApi>({\n  id: 'plugin.policy-reporter.service',\n});\n\nexport type PolicyReporterApi = {\n  namespacedResults: (\n    environment: string,\n    filter?: Filter,\n    pagination?: Pagination,\n  ) => Promise<ResultList>;\n};\n"],"names":[],"mappings":";;AAOO,MAAM,uBAAuB,YAAgC,CAAA;AAAA,EAClE,EAAI,EAAA;AACN,CAAC;;;;"}