@kyverno/backstage-plugin-policy-reporter 2.2.4 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @kyverno/backstage-plugin-policy-reporter
 
+## 2.3.0
+
+### Minor Changes
+
+- 274db4d: Add initial implemenation for the `PolicyReportsPage` component that can be used for a more global overview of all policy reports for a given kubernetes cluster.
+
+  Existing Entity components previously included a search bar on all tables, but it only supported searching within the already displayed policy reports. This version removes the search bar to avoid confusion and improve clarity.
+
 ## 2.2.4
 
 ### Patch Changes

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

@@ -62,7 +62,8 @@ const EntityCustomPoliciesContent = ({
           },
           title: "Failing Policy Results",
           emptyContentText: "No failing policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
@@ -78,7 +79,8 @@ const EntityCustomPoliciesContent = ({
           },
           title: "Passing Policy Results",
           emptyContentText: "No passing policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
@@ -94,7 +96,8 @@ const EntityCustomPoliciesContent = ({
           },
           title: "Skipped Policy Results",
           emptyContentText: "No skipped policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) })
     ] })

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          />\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          />\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          />\n        </Grid>\n      </Grid>\n    </PageContent>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAoCA,MAAM,WAAc,GAAA,CAAC,EAAE,QAAA,EACrB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAS,EAAA,EAAA,QAAA,EAAS,CACrB,EAAA,CAAA;AAGK,MAAM,8BAA8B,CAAC;AAAA,EAC1C,2BAAA;AAAA,EACA,sBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAwC,KAAA;AACtC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,WAAA,GAAc,OAAO,QAAS,CAAA,WAAA;AAGpC,EAAM,MAAA,gBAAA,GAA4B,4BAA4B,WAAW,CAAA;AAEzE,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACF,GAAI,oBAAqB,CAAA,MAAA,EAAQ,gBAAgB,CAAA;AAGjD,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,2BACG,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAa,EAAA,2BAAA;AAAA,QACb,UAAY,EAAA;AAAA;AAAA,KAEhB,EAAA,CAAA;AAIJ,EAAI,IAAA,mBAAA,EAA4B,uBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,CAAA;AAG1C,EAAI,IAAA,YAAA,KAAiB,UAAa,CAAC,kBAAA;AACjC,IAAA,uBACG,GAAA,CAAA,WAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,6BAAA,EAAA,EAA8B,QAAgB,CACjD,EAAA,CAAA;AAGJ,EAAA,MAAM,UAAa,GAAA,WAAA,CAAa,4BAA4B,CAAA,CAAE,MAAM,GAAG,CAAA;AACvE,EAAA,MAAM,KAAQ,GAAA,WAAA,CAAa,uBAAuB,CAAA,CAAE,MAAM,GAAG,CAAA;AAC7D,EAAM,MAAA,YAAA,GAAe,YAAa,gCAAgC,CAAA;AAElE,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,YAAA;AAAA,QACA,kBAAA;AAAA,QACA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,oBACC,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,sBAAA,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,UAAA;AAAA,YACA,OAAA;AAAA,YACA,KAAA;AAAA,YACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO,CAAA;AAAA,YAChC,MAAQ,EAAA;AAAA,WACV;AAAA,UACA,KAAM,EAAA,wBAAA;AAAA,UACN,gBAAiB,EAAA,qBAAA;AAAA,UACjB;AAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,kBAAA;AAAA,UACA,MAAQ,EAAA;AAAA,YACN,UAAA;AAAA,YACA,OAAA;AAAA,YACA,KAAA;AAAA,YACA,MAAA,EAAQ,CAAC,MAAM,CAAA;AAAA,YACf,MAAQ,EAAA;AAAA,WACV;AAAA,UACA,KAAM,EAAA,wBAAA;AAAA,UACN,gBAAiB,EAAA,qBAAA;AAAA,UACjB;AAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,kBAAA;AAAA,UACA,MAAQ,EAAA;AAAA,YACN,UAAA;AAAA,YACA,OAAA;AAAA,YACA,KAAA;AAAA,YACA,MAAA,EAAQ,CAAC,MAAM,CAAA;AAAA,YACf,MAAQ,EAAA;AAAA,WACV;AAAA,UACA,KAAM,EAAA,wBAAA;AAAA,UACN,gBAAiB,EAAA,qBAAA;AAAA,UACjB;AAAA;AAAA,OAEJ,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"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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"}

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

@@ -60,7 +60,8 @@ const EntityKyvernoPoliciesContent = ({
           },
           title: "Failing Policy Results",
           emptyContentText: "No failing policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
@@ -76,7 +77,8 @@ const EntityKyvernoPoliciesContent = ({
           },
           title: "Passing Policy Results",
           emptyContentText: "No passing policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
@@ -92,7 +94,8 @@ const EntityKyvernoPoliciesContent = ({
           },
           title: "Skipped Policy Results",
           emptyContentText: "No skipped policies",
-          policyDocumentationUrl
+          policyDocumentationUrl,
+          enableSearch: false
         }
       ) })
     ] })

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          />\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          />\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          />\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  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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"}

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

@@ -5,7 +5,8 @@ import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   root: {
-    marginBottom: theme.spacing(2)
+    marginBottom: theme.spacing(2),
+    maxWidth: 800
   },
   sectionTitle: {
     marginBottom: theme.spacing(1),

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  },\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} 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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"}

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

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Progress, Page, Header, Content, 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 { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
+
+const PolicyReportsPage = ({
+  title = "Policy Reports",
+  subtitle = "View all policy reports from a Kubernetes cluster",
+  policyDocumentationUrl
+}) => {
+  const {
+    environments,
+    environmentsLoading,
+    setCurrentEnvironment,
+    currentEnvironment
+  } = useEnvironments();
+  if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
+  if (environments === void 0 || !currentEnvironment) return null;
+  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
+    /* @__PURE__ */ jsx(Header, { title, subtitle }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(ContentHeader, { children: /* @__PURE__ */ jsx(
+        SelectEnvironment,
+        {
+          environments,
+          currentEnvironment,
+          setCurrentEnvironment
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          PolicyReportsTable,
+          {
+            currentEnvironment,
+            filter: {
+              status: ["fail", "warn", "error"]
+            },
+            title: "Failing Policy Results",
+            emptyContentText: "No failing policies",
+            policyDocumentationUrl
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          PolicyReportsTable,
+          {
+            currentEnvironment,
+            filter: {
+              status: ["pass"]
+            },
+            title: "Passing Policy Results",
+            emptyContentText: "No passing policies",
+            policyDocumentationUrl
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          PolicyReportsTable,
+          {
+            currentEnvironment,
+            filter: {
+              status: ["skip"]
+            },
+            title: "Skipped Policy Results",
+            emptyContentText: "No skipped policies",
+            policyDocumentationUrl
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+
+export { PolicyReportsPage };
+//# sourceMappingURL=PolicyReportsPage.esm.js.map

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

@@ -0,0 +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';\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  // 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          <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: ['fail', 'warn', 'error'],\n              }}\n              title=\"Failing Policy Results\"\n              emptyContentText=\"No failing policies\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <PolicyReportsTable\n              currentEnvironment={currentEnvironment}\n              filter={{\n                status: ['pass'],\n              }}\n              title=\"Passing Policy Results\"\n              emptyContentText=\"No passing policies\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <PolicyReportsTable\n              currentEnvironment={currentEnvironment}\n              filter={{\n                status: ['skip'],\n              }}\n              title=\"Skipped Policy Results\"\n              emptyContentText=\"No skipped policies\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkBO,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;AAGpB,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,GAAA,CAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA,kBAAA;AAAA,UACA;AAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,sBACC,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,kBAAA;AAAA,YACA,MAAQ,EAAA;AAAA,cACN,MAAQ,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAO;AAAA,aAClC;AAAA,YACA,KAAM,EAAA,wBAAA;AAAA,YACN,gBAAiB,EAAA,qBAAA;AAAA,YACjB;AAAA;AAAA,SAEJ,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,kBAAA;AAAA,YACA,MAAQ,EAAA;AAAA,cACN,MAAA,EAAQ,CAAC,MAAM;AAAA,aACjB;AAAA,YACA,KAAM,EAAA,wBAAA;AAAA,YACN,gBAAiB,EAAA,qBAAA;AAAA,YACjB;AAAA;AAAA,SAEJ,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,kBAAA;AAAA,YACA,MAAQ,EAAA;AAAA,cACN,MAAA,EAAQ,CAAC,MAAM;AAAA,aACjB;AAAA,YACA,KAAM,EAAA,wBAAA;AAAA,YACN,gBAAiB,EAAA,qBAAA;AAAA,YACjB;AAAA;AAAA,SAEJ,EAAA;AAAA,OACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ResponseErrorPanel, Table } from '@backstage/core-components';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import { makeStyles, Drawer } from '@material-ui/core';
 import Chip from '@material-ui/core/Chip';
 import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
@@ -14,7 +14,8 @@ const PolicyReportsTable = ({
   emptyContentText,
   currentEnvironment,
   filter,
-  policyDocumentationUrl
+  policyDocumentationUrl,
+  enableSearch
 }) => {
   const useStyles = makeStyles((theme) => ({
     empty: {
@@ -23,6 +24,15 @@ const PolicyReportsTable = ({
       justifyContent: "center"
     }
   }));
+  const [search, setSearch] = useState(void 0);
+  const mergedFilter = useMemo(
+    () => ({
+      ...filter,
+      search: search ?? filter.search
+      // override search if search state is defined
+    }),
+    [filter, search]
+  );
   const [showDrawer, setShowDrawer] = useState(false);
   const [drawerContent, setDrawerContent] = useState(
     void 0
@@ -91,7 +101,7 @@ const PolicyReportsTable = ({
     setCurrentPage,
     setCurrentOffset,
     initialLoading
-  } = usePaginatedPolicies(currentEnvironment, filter);
+  } = usePaginatedPolicies(currentEnvironment, mergedFilter);
   if (policiesError) return /* @__PURE__ */ jsx(ResponseErrorPanel, { error: policiesError });
   if (initialLoading)
     return /* @__PURE__ */ jsx(
@@ -119,7 +129,8 @@ const PolicyReportsTable = ({
       {
         options: {
           sorting: true,
-          padding: "dense"
+          padding: "dense",
+          search: enableSearch
         },
         onRowClick: (event, rowData) => {
           event?.preventDefault();
@@ -133,7 +144,8 @@ const PolicyReportsTable = ({
         page: currentPage,
         onRowsPerPageChange: (page) => setCurrentOffset(page),
         onPageChange: (page) => setCurrentPage(page),
-        emptyContent: /* @__PURE__ */ jsx("div", { className: classes.empty, children: emptyContentText })
+        emptyContent: /* @__PURE__ */ jsx("div", { className: classes.empty, children: emptyContentText }),
+        onSearchChange: (searchText) => setSearch(searchText)
       }
     )
   ] });

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 { useState } from 'react';\nimport {\n  Filter,\n  ListResult,\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}\n\nexport const PolicyReportsTable = ({\n  title,\n  emptyContentText,\n  currentEnvironment,\n  filter,\n  policyDocumentationUrl,\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 [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    setCurrentPage,\n    setCurrentOffset,\n    initialLoading,\n  } = usePaginatedPolicies(currentEnvironment, filter);\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        }}\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      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BO,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAA+B,KAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,IACrC,KAAO,EAAA;AAAA,MACL,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,OAAS,EAAA,MAAA;AAAA,MACT,cAAgB,EAAA;AAAA;AAClB,GACA,CAAA,CAAA;AAEF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAkB,KAAK,CAAA;AAC3D,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,KAAA;AAAA,GACF;AACA,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,OAAqC,GAAA;AAAA,IACzC;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,MAAA,EAAQ,CAAC,UAA2B,KAAA;AAElC,QAAI,IAAA,sBAAA;AACF,UACE,uBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAO,UAAW,CAAA,MAAA;AAAA,cAClB,SAAU,EAAA,GAAA;AAAA,cACV,MAAO,EAAA,QAAA;AAAA,cACP,IAAM,EAAA,CAAA,EAAG,sBAAsB,CAAA,CAAA,EAAI,WAAW,MAAM,CAAA,CAAA;AAAA,cACpD,SAAS,EAAA,IAAA;AAAA,cACT,IAAM,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA;AAAA;AAAA,WACjC;AAGJ,QAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,UAAA,CAAW,MAAQ,EAAA,CAAA;AAAA;AACzC,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,MAAA,EAAQ,CAAC,UAA2B,KAAA;AAClC,QAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,UAAA,CAAW,IAAM,EAAA,CAAA;AAAA;AACvC,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,QAAA;AAAA,MACP,KAAO,EAAA,IAAA;AAAA,MACP,MAAA,EAAQ,CAAC,UAA2B,KAAA;AAClC,QAAA,uBAAQ,GAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,UAAA,CAAW,MAAQ,EAAA,CAAA;AAAA;AACrD,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,UAAA;AAAA,MACP,KAAO,EAAA,UAAA;AAAA,MACP,KAAO,EAAA,IAAA;AAAA,MACP,MAAA,EAAQ,CAAC,UAA2B,KAAA;AAClC,QAAA,uBAAQ,GAAA,CAAA,iBAAA,EAAA,EAAkB,QAAU,EAAA,UAAA,CAAW,QAAU,EAAA,CAAA;AAAA;AAC3D;AACF,GACF;AAEA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF,GAAI,oBAAqB,CAAA,kBAAA,EAAoB,MAAM,CAAA;AAEnD,EAAA,IAAI,aAAe,EAAA,uBAAQ,GAAA,CAAA,kBAAA,EAAA,EAAmB,OAAO,aAAe,EAAA,CAAA;AAGpE,EAAI,IAAA,cAAA;AACF,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,SAAS,OAAQ,EAAA;AAAA,QAC3C,MAAM,EAAC;AAAA,QACP,OAAA;AAAA,QACA,SAAS,EAAA,IAAA;AAAA,QACT;AAAA;AAAA,KACF;AAGJ,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAO,EAAA,OAAA;AAAA,QACP,IAAM,EAAA,UAAA;AAAA,QACN,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,QAElC,QAAA,kBAAA,GAAA,CAAC,4BAA6B,EAAA,EAAA,OAAA,EAAS,aAAe,EAAA;AAAA;AAAA,KACxD;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA;AAAA,UACP,OAAS,EAAA,IAAA;AAAA,UACT,OAAS,EAAA;AAAA,SACX;AAAA,QACA,UAAA,EAAY,CACV,KAAA,EACA,OACG,KAAA;AACH,UAAA,KAAA,EAAO,cAAe,EAAA;AACtB,UAAA,aAAA,CAAc,IAAI,CAAA;AAClB,UAAA,gBAAA,CAAiB,OAAO,CAAA;AAAA,SAC1B;AAAA,QACA,IAAA,EAAM,QAAU,EAAA,KAAA,IAAS,EAAC;AAAA,QAC1B,OAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAY,QAAU,EAAA,KAAA;AAAA,QACtB,IAAM,EAAA,WAAA;AAAA,QACN,mBAAA,EAAqB,CAAQ,IAAA,KAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAClD,YAAA,EAAc,CAAQ,IAAA,KAAA,cAAA,CAAe,IAAI,CAAA;AAAA,QACzC,8BAAe,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,OAAQ,QAAiB,EAAA,gBAAA,EAAA;AAAA;AAAA;AACjE,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"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} 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}\n\nexport const PolicyReportsTable = ({\n  title,\n  emptyContentText,\n  currentEnvironment,\n  filter,\n  policyDocumentationUrl,\n  enableSearch,\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    setCurrentPage,\n    setCurrentOffset,\n    initialLoading,\n  } = usePaginatedPolicies(currentEnvironment, mergedFilter);\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        }}\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/useEnvironments.esm.js

@@ -0,0 +1,40 @@
+import { useState } from 'react';
+import { useAsync } from 'react-use';
+import { catalogApiRef, CATALOG_FILTER_EXISTS } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useEnvironments = () => {
+  const catalogApi = useApi(catalogApiRef);
+  const [currentEnvironment, setCurrentEnvironment] = useState(void 0);
+  const { value: environments, loading: environmentsLoading } = useAsync(
+    async () => {
+      const entities = await catalogApi.getEntities({
+        fields: ["metadata.name", "metadata.namespace", "kind"],
+        filter: {
+          kind: "Resource",
+          "spec.type": "kubernetes-cluster",
+          "metadata.annotations.kyverno.io/endpoint": CATALOG_FILTER_EXISTS
+        }
+      });
+      if (!entities) return void 0;
+      const environmentList = entities.items.map(
+        (entity, index) => ({
+          id: index,
+          entityRef: `${entity.kind}:${entity.metadata.namespace}/${entity.metadata.name}`,
+          name: entity.metadata.name
+        })
+      );
+      setCurrentEnvironment(environmentList[0]);
+      return environmentList;
+    }
+  );
+  return {
+    environments,
+    environmentsLoading,
+    currentEnvironment,
+    setCurrentEnvironment
+  };
+};
+
+export { useEnvironments };
+//# sourceMappingURL=useEnvironments.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEnvironments.esm.js","sources":["../../src/hooks/useEnvironments.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useAsync } from 'react-use';\nimport { Environment } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport {\n  CATALOG_FILTER_EXISTS,\n  catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const useEnvironments = () => {\n  const catalogApi = useApi(catalogApiRef);\n  const [currentEnvironment, setCurrentEnvironment] = useState<\n    Environment | undefined\n  >(undefined);\n\n  const { value: environments, loading: environmentsLoading } = useAsync(\n    async (): Promise<Environment[] | undefined> => {\n      const entities = await catalogApi.getEntities({\n        fields: ['metadata.name', 'metadata.namespace', 'kind'],\n        filter: {\n          kind: 'Resource',\n          'spec.type': 'kubernetes-cluster',\n          'metadata.annotations.kyverno.io/endpoint': CATALOG_FILTER_EXISTS,\n        },\n      });\n\n      if (!entities) return undefined;\n\n      const environmentList: Environment[] = entities.items.map(\n        (entity, index) => ({\n          id: index,\n          entityRef: `${entity.kind}:${entity.metadata.namespace}/${entity.metadata.name}`,\n          name: entity.metadata.name,\n        }),\n      );\n\n      setCurrentEnvironment(environmentList[0]);\n\n      return environmentList;\n    },\n  );\n\n  return {\n    environments,\n    environmentsLoading,\n    currentEnvironment,\n    setCurrentEnvironment,\n  };\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAElD,KAAS,CAAA,CAAA;AAEX,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,EAAS,qBAAwB,GAAA,QAAA;AAAA,IAC5D,YAAgD;AAC9C,MAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,QAC5C,MAAQ,EAAA,CAAC,eAAiB,EAAA,oBAAA,EAAsB,MAAM,CAAA;AAAA,QACtD,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,UAAA;AAAA,UACN,WAAa,EAAA,oBAAA;AAAA,UACb,0CAA4C,EAAA;AAAA;AAC9C,OACD,CAAA;AAED,MAAI,IAAA,CAAC,UAAiB,OAAA,KAAA,CAAA;AAEtB,MAAM,MAAA,eAAA,GAAiC,SAAS,KAAM,CAAA,GAAA;AAAA,QACpD,CAAC,QAAQ,KAAW,MAAA;AAAA,UAClB,EAAI,EAAA,KAAA;AAAA,UACJ,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,SAAS,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,UAC9E,IAAA,EAAM,OAAO,QAAS,CAAA;AAAA,SACxB;AAAA,OACF;AAEA,MAAsB,qBAAA,CAAA,eAAA,CAAgB,CAAC,CAAC,CAAA;AAExC,MAAO,OAAA,eAAA;AAAA;AACT,GACF;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/usePaginatedPolicies.esm.js

@@ -30,7 +30,7 @@ const usePaginatedPolicies = (currentEnvironment, filter) => {
     );
     setInitialLoading(false);
     return data;
-  }, [currentEnvironment, currentPage, currentOffset]);
+  }, [currentEnvironment, filter, currentPage, currentOffset]);
   return {
     policies,
     policiesLoading,

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 { Environment } 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) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const [currentPage, setCurrentPage] = useState<number>(DEFAULT_PAGE);\n  const [currentOffset, setCurrentOffset] = useState<number>(DEFAULT_OFFSET);\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, 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":";;;;;AAUA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAM,YAAe,GAAA,CAAA;AAER,MAAA,oBAAA,GAAuB,CAClC,kBAAA,EACA,MACG,KAAA;AACH,EAAM,MAAA,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAiB,YAAY,CAAA;AACnE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAiB,cAAc,CAAA;AACzE,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,GACN,EAAA,CAAC,kBAAoB,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA;AAEnD,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 { Environment } 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) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const [currentPage, setCurrentPage] = useState<number>(DEFAULT_PAGE);\n  const [currentOffset, setCurrentOffset] = useState<number>(DEFAULT_OFFSET);\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":";;;;;AAUA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAM,YAAe,GAAA,CAAA;AAER,MAAA,oBAAA,GAAuB,CAClC,kBAAA,EACA,MACG,KAAA;AACH,EAAM,MAAA,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAiB,YAAY,CAAA;AACnE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAiB,cAAc,CAAA;AACzE,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;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
+interface PolicyReportsPageProps {
+    title?: string;
+    policyDocumentationUrl?: string;
+    subtitle?: string;
+}
+
 declare const policyReporterPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
 declare const EntityKyvernoPoliciesContent: ({ annotationsDocumentationUrl, policyDocumentationUrl, }: {
     annotationsDocumentationUrl?: string;
@@ -12,5 +18,6 @@ declare const EntityCustomPoliciesContent: ({ annotationsDocumentationUrl, polic
     sources: string[];
     title: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const PolicyReporterPage: ({ title, subtitle, policyDocumentationUrl, }: PolicyReportsPageProps) => react_jsx_runtime.JSX.Element | null;
 
-export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, policyReporterPlugin };
+export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, PolicyReporterPage, policyReporterPlugin };

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, policyReporterPlugin } from './plugin.esm.js';
+export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, PolicyReporterPage, policyReporterPlugin } from './plugin.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/plugin.esm.js

@@ -31,6 +31,13 @@ const EntityCustomPoliciesContent = policyReporterPlugin.provide(
     mountPoint: rootRouteRef
   })
 );
+const PolicyReporterPage = policyReporterPlugin.provide(
+  createRoutableExtension({
+    name: "PolicyReporterPage",
+    component: () => import('./components/PolicyReportsPage/index.esm.js').then((m) => m.PolicyReportsPage),
+    mountPoint: rootRouteRef
+  })
+);
 
-export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, policyReporterPlugin };
+export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, PolicyReporterPage, policyReporterPlugin };
 //# sourceMappingURL=plugin.esm.js.map

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"],"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;;;;"}
+{"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 PolicyReporterPage = policyReporterPlugin.provide(\n  createRoutableExtension({\n    name: 'PolicyReporterPage',\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,qBAAqB,oBAAqB,CAAA,OAAA;AAAA,EACrD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA;AAAA,GACb;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyverno/backstage-plugin-policy-reporter",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -39,26 +39,26 @@
     "directory": "plugins/policy-reporter"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.9.1",
-    "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.17.1",
-    "@backstage/core-plugin-api": "^1.10.6",
-    "@backstage/plugin-catalog-react": "^1.17.0",
-    "@backstage/theme": "^0.6.5",
-    "@kyverno/backstage-plugin-policy-reporter-common": "2.0.7",
-    "@material-ui/core": "^4.9.13",
-    "@material-ui/icons": "^4.9.1",
+    "@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",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "react-use": "^17.2.4"
+    "react-use": "^17.6.0"
   },
   "peerDependencies": {
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.32.0",
-    "@backstage/core-app-api": "^1.16.1",
-    "@backstage/dev-utils": "^1.1.9",
-    "@backstage/test-utils": "^1.7.7",
+    "@backstage/cli": "^0.32.1",
+    "@backstage/core-app-api": "^1.17.0",
+    "@backstage/dev-utils": "^1.1.10",
+    "@backstage/test-utils": "^1.7.8",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",