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

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @kyverno/backstage-plugin-policy-reporter
 
+## 2.10.0
+
+### Minor Changes
+
+- 256fb9a: Added source filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more sources from the selected cluster.
+- 2f4ac45: Added policy filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more policies from the selected cluster.
+- d598ade: Added category filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more categories from the selected cluster.
+- a664d0c: Added kind filtering to the PolicyReportsPage. Users can now filter the list of policy reports by selecting one or more kinds from the selected cluster.
+- a1d0f51: Updated components that make use of the Policy Reporter Backend API to create toast whenever there are any requests errors.
+- 880eecc: Backstage version bump to v1.51.1
+- 44c5238: Backstage version bump to v1.52.0
+
+### Patch Changes
+
+- d803dd4: Fixed namespace, kind, sources and category filters being cleared when the responsive filter layout remounts. Cleanup now skips while option lists are loading or temporarily empty.
+- dbc7557: Fixed a bug where switching environments would retain the previously selected namespace, even if it didn't exist in the new environment.
+- Updated dependencies [256fb9a]
+- Updated dependencies [2f4ac45]
+- Updated dependencies [d598ade]
+- Updated dependencies [a664d0c]
+- Updated dependencies [880eecc]
+- Updated dependencies [44c5238]
+  - @kyverno/backstage-plugin-policy-reporter-common@2.5.0
+
+## 2.9.0
+
+### Minor Changes
+
+- 836f939: Add `FilterLayout` component with responsive sidebar filters. On large screens filters render as a sidebar, on smaller screens they collapse into a dialog triggered by a filter icon button. Updated `EntityCustomPoliciesContent`, `EntityKyvernoPoliciesContent`, and `PolicyReportsPage` to use the new layout.
+
 ## 2.8.0
 
 ### Minor Changes

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Content, Progress } from '@backstage/core-components';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
-import { Container, Header, Grid, Flex } from '@backstage/ui';
+import { Container, Header } from '@backstage/ui';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
 import { isPolicyReporterAvailable, getResourceName, getKinds, getNamespaces } from '../../utils/annotations.esm.js';
@@ -11,6 +11,7 @@ import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilter
 import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
 import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
 import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
+import { FilterLayout } from '../FilterLayout/FilterLayout.esm.js';
 
 const EntityCustomPoliciesContent = ({
   annotationsDocumentationUrl,
@@ -54,18 +55,18 @@ const EntityCustomPoliciesContent = ({
             customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
           }
         ),
-        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
-          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(FilterLayout, { children: [
+          /* @__PURE__ */ jsxs(FilterLayout.Filters, { children: [
             /* @__PURE__ */ jsx(SelectStatus, {}),
             /* @__PURE__ */ jsx(SelectSeverity, {})
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FilterLayout.Content, { children: /* @__PURE__ */ jsx(
             PolicyReportsTable,
             {
               emptyContentText: "No policies",
               policyDocumentationUrl
             }
-          )
+          ) })
         ] }) })
       ] })
     }

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

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

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Content, Progress } from '@backstage/core-components';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
-import { Container, Header, Grid, Flex } from '@backstage/ui';
+import { Container, Header } from '@backstage/ui';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
 import { isPolicyReporterAvailable, getResourceName, getKinds, getNamespaces } from '../../utils/annotations.esm.js';
@@ -11,6 +11,7 @@ import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilter
 import { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';
 import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
 import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
+import { FilterLayout } from '../FilterLayout/FilterLayout.esm.js';
 
 const EntityKyvernoPoliciesContent = ({
   annotationsDocumentationUrl,
@@ -52,18 +53,18 @@ const EntityKyvernoPoliciesContent = ({
             customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
           }
         ),
-        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
-          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(FilterLayout, { children: [
+          /* @__PURE__ */ jsxs(FilterLayout.Filters, { children: [
             /* @__PURE__ */ jsx(SelectStatus, {}),
             /* @__PURE__ */ jsx(SelectSeverity, {})
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(FilterLayout.Content, { children: /* @__PURE__ */ jsx(
             PolicyReportsTable,
             {
               emptyContentText: "No policies found",
               policyDocumentationUrl
             }
-          )
+          ) })
         ] }) })
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Flex, Grid, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectStatus } from '../SelectStatus';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n};\n\nexport const EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: ['kyverno'],\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title=\"Kyverno Policy Reports\"\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <Grid.Root columns=\"1\" gap=\"4\">\n            <Flex align=\"end\" gap=\"4\">\n              <SelectStatus />\n              <SelectSeverity />\n            </Flex>\n            <PolicyReportsTable\n              emptyContentText=\"No policies found\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid.Root>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0BO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,2BAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,wBAAA;AAAA,YACN,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,WACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,MAAL,EAAU,OAAA,EAAQ,GAAA,EAAI,GAAA,EAAI,GAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,KAAA,EAAM,GAAA,EAAI,GAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,mBAAA;AAAA,cACjB;AAAA;AAAA;AACF,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.tsx"],"sourcesContent":["import { Content, Progress } from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Container, Header } from '@backstage/ui';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectStatus } from '../SelectStatus';\nimport { FilterLayout } from '../FilterLayout';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n};\n\nexport const EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const { environments, environmentsLoading } = useEntityEnvironment(\n    entity,\n    annotationsState,\n  );\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <Container>\n        <Content>\n          <MissingAnnotationEmptyState\n            readMoreUrl={annotationsDocumentationUrl}\n            annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n          />\n        </Content>\n      </Container>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Content>\n          <MissingEnvironmentsEmptyState entity={entity} />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={{\n        namespaces: getNamespaces(annotations),\n        kinds: getKinds(annotations),\n        sources: ['kyverno'],\n        search: getResourceName(annotations),\n      }}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title=\"Kyverno Policy Reports\"\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <PolicyReportsTable\n                emptyContentText=\"No policies found\"\n                policyDocumentationUrl={policyDocumentationUrl}\n              />\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA2BO,MAAM,+BAA+B,CAAC;AAAA,EAC3C,2BAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,CAAS,WAAA;AAEpC,EAAA,MAAM,gBAAA,GAAmB,0BAA0B,MAAM,CAAA;AAEzD,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,oBAAA;AAAA,IAC5C,MAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IAAI,CAAC,gBAAA;AACH,IAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAa,2BAAA;AAAA,QACb,UAAA,EAAY;AAAA;AAAA,OAEhB,CAAA,EACF,CAAA;AAIJ,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,uBACE,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACC,8BAAC,6BAAA,EAAA,EAA8B,MAAA,EAAgB,GACjD,CAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB;AAAA,QACd,UAAA,EAAY,cAAc,WAAW,CAAA;AAAA,QACrC,KAAA,EAAO,SAAS,WAAW,CAAA;AAAA,QAC3B,OAAA,EAAS,CAAC,SAAS,CAAA;AAAA,QACnB,MAAA,EAAQ,gBAAgB,WAAW;AAAA,OACrC;AAAA,MACA,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,wBAAA;AAAA,YACN,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe;AAAA,WAAA,EAClB,CAAA;AAAA,0BACA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,mBAAA;AAAA,cACjB;AAAA;AAAA,WACF,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/FilterLayout/FilterLayout.esm.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Grid, DialogTrigger, ButtonIcon, Dialog, DialogHeader, DialogBody, Flex, Text } from '@backstage/ui';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { RiFilter3Fill } from '@remixicon/react';
+
+const Filters = ({ children, title = "Filters" }) => {
+  const isSmallScreen = useMediaQuery(
+    (theme) => theme.breakpoints.down("md"),
+    { noSsr: true }
+  );
+  const [open, setOpen] = useState(false);
+  if (isSmallScreen) {
+    return /* @__PURE__ */ jsx(Grid.Item, { colSpan: "12", children: /* @__PURE__ */ jsxs(DialogTrigger, { isOpen: open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          variant: "secondary",
+          "aria-label": title,
+          icon: /* @__PURE__ */ jsx(RiFilter3Fill, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs(Dialog, { children: [
+        /* @__PURE__ */ jsx(DialogHeader, { children: title }),
+        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children }) })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Grid.Item, { colSpan: { initial: "12", lg: "2" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
+    /* @__PURE__ */ jsx(Text, { variant: "title-x-small", children: title }),
+    children
+  ] }) });
+};
+const Content = ({ children }) => {
+  return /* @__PURE__ */ jsx(Grid.Item, { colSpan: { initial: "12", lg: "10" }, children });
+};
+const FilterLayout = ({ children }) => {
+  return /* @__PURE__ */ jsx(Grid.Root, { columns: "12", gap: "6", children });
+};
+FilterLayout.Filters = Filters;
+FilterLayout.Content = Content;
+
+export { FilterLayout };
+//# sourceMappingURL=FilterLayout.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterLayout.esm.js","sources":["../../../src/components/FilterLayout/FilterLayout.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport {\n  ButtonIcon,\n  Dialog,\n  DialogBody,\n  DialogHeader,\n  DialogTrigger,\n  Flex,\n  Grid,\n  Text,\n} from '@backstage/ui';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { Theme } from '@material-ui/core/styles';\nimport { RiFilter3Fill } from '@remixicon/react';\n\n/** Props for the Filters sub-component */\ninterface FiltersProps {\n  children: ReactNode;\n  /** Label shown in the dialog header on small screens */\n  title?: string;\n}\n\n/** Renders filter children as a sidebar on large screens, or inside a Dialog on smaller screens */\nconst Filters = ({ children, title = 'Filters' }: FiltersProps) => {\n  // TODO: Migrate to BUI useBreakpoint once the performance warning is resolved\n  const isSmallScreen = useMediaQuery(\n    (theme: Theme) => theme.breakpoints.down('md'),\n    { noSsr: true },\n  );\n  const [open, setOpen] = useState(false);\n\n  if (isSmallScreen) {\n    return (\n      <Grid.Item colSpan=\"12\">\n        <DialogTrigger isOpen={open} onOpenChange={setOpen}>\n          <ButtonIcon\n            variant=\"secondary\"\n            aria-label={title}\n            icon={<RiFilter3Fill />}\n          />\n          <Dialog>\n            <DialogHeader>{title}</DialogHeader>\n            <DialogBody>\n              <Flex direction=\"column\" gap=\"4\">\n                {children}\n              </Flex>\n            </DialogBody>\n          </Dialog>\n        </DialogTrigger>\n      </Grid.Item>\n    );\n  }\n\n  return (\n    <Grid.Item colSpan={{ initial: '12', lg: '2' }}>\n      <Flex direction=\"column\" gap=\"4\">\n        <Text variant=\"title-x-small\">{title}</Text>\n        {children}\n      </Flex>\n    </Grid.Item>\n  );\n};\n\n/** Props for the Content sub-component */\ninterface ContentProps {\n  children: ReactNode;\n}\n\n/** Main content area that fills remaining grid space */\nconst Content = ({ children }: ContentProps) => {\n  return (\n    <Grid.Item colSpan={{ initial: '12', lg: '10' }}>{children}</Grid.Item>\n  );\n};\n\n/** Props for the FilterLayout root */\ninterface FilterLayoutProps {\n  children: ReactNode;\n}\n\n/** A responsive layout with a filter sidebar that collapses into a dialog on smaller screens */\nexport const FilterLayout = ({ children }: FilterLayoutProps) => {\n  return (\n    <Grid.Root columns=\"12\" gap=\"6\">\n      {children}\n    </Grid.Root>\n  );\n};\n\nFilterLayout.Filters = Filters;\nFilterLayout.Content = Content;\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,UAAU,CAAC,EAAE,QAAA,EAAU,KAAA,GAAQ,WAAU,KAAoB;AAEjE,EAAA,MAAM,aAAA,GAAgB,aAAA;AAAA,IACpB,CAAC,KAAA,KAAiB,KAAA,CAAM,WAAA,CAAY,KAAK,IAAI,CAAA;AAAA,IAC7C,EAAE,OAAO,IAAA;AAAK,GAChB;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACE,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,OAAA,EAAQ,IAAA,EACjB,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAQ,IAAA,EAAM,YAAA,EAAc,OAAA,EACzC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,YAAA,EAAY,KAAA;AAAA,UACZ,IAAA,sBAAO,aAAA,EAAA,EAAc;AAAA;AAAA,OACvB;AAAA,2BACC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAc,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACrB,GAAA,CAAC,cACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,2BACG,IAAA,CAAK,IAAA,EAAL,EAAU,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAM,EAAA,EAAI,GAAA,IACvC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAiB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACpC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAA;AAQA,MAAM,OAAA,GAAU,CAAC,EAAE,QAAA,EAAS,KAAoB;AAC9C,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,IAAA,EAAL,EAAU,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAM,EAAA,EAAI,IAAA,EAAK,EAAI,QAAA,EAAS,CAAA;AAE/D,CAAA;AAQO,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAS,KAAyB;AAC/D,EAAA,uBACE,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,SAAQ,IAAA,EAAK,GAAA,EAAI,KACzB,QAAA,EACH,CAAA;AAEJ;AAEA,YAAA,CAAa,OAAA,GAAU,OAAA;AACvB,YAAA,CAAa,OAAA,GAAU,OAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Progress, Content, EmptyState } from '@backstage/core-components';
-import { Container, Header, ButtonLink, Grid, Flex, Box } from '@backstage/ui';
+import { Container, Header, ButtonLink, Flex } from '@backstage/ui';
 import { useEnvironments } from '../../hooks/useEnvironments.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
@@ -9,10 +9,16 @@ import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
 import { SelectNamespace } from '../SelectNamespace/SelectNamespace.esm.js';
 import { SearchField } from '../SearchField/SearchField.esm.js';
 import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters.esm.js';
+import { FilterLayout } from '../FilterLayout/FilterLayout.esm.js';
+import { SelectSource } from '../SelectSource/SelectSource.esm.js';
+import { SelectKind } from '../SelectKind/SelectKind.esm.js';
+import { SelectCategory } from '../SelectCategory/SelectCategory.esm.js';
+import { SelectPolicy } from '../SelectPolicy/SelectPolicy.esm.js';
 
 const PolicyReportsPage = ({
   title = "Policy Reports",
-  policyDocumentationUrl
+  policyDocumentationUrl,
+  subtitle
 }) => {
   const { environments, environmentsLoading } = useEnvironments();
   const defaultFilter = {
@@ -53,23 +59,30 @@ const PolicyReportsPage = ({
           Header,
           {
             title,
+            description: subtitle,
             customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
           }
         ),
-        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
-          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(FilterLayout, { children: [
+          /* @__PURE__ */ jsxs(FilterLayout.Filters, { children: [
             /* @__PURE__ */ jsx(SelectStatus, {}),
             /* @__PURE__ */ jsx(SelectSeverity, {}),
             /* @__PURE__ */ jsx(SelectNamespace, {}),
-            /* @__PURE__ */ jsx(Box, { width: "300px", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(SearchField, {}) })
+            /* @__PURE__ */ jsx(SelectSource, {}),
+            /* @__PURE__ */ jsx(SelectKind, {}),
+            /* @__PURE__ */ jsx(SelectCategory, {}),
+            /* @__PURE__ */ jsx(SelectPolicy, {})
           ] }),
-          /* @__PURE__ */ jsx(
-            PolicyReportsTable,
-            {
-              emptyContentText: "No policies found",
-              policyDocumentationUrl
-            }
-          )
+          /* @__PURE__ */ jsx(FilterLayout.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", children: [
+            /* @__PURE__ */ jsx(SearchField, {}),
+            /* @__PURE__ */ jsx(
+              PolicyReportsTable,
+              {
+                emptyContentText: "No policies found",
+                policyDocumentationUrl
+              }
+            )
+          ] }) })
         ] }) })
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import { Content, EmptyState, Progress } from '@backstage/core-components';\nimport { Box, Container, Flex, Grid, Header, ButtonLink } from '@backstage/ui';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectNamespace } from '../SelectNamespace';\nimport { SearchField } from '../SearchField';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  policyDocumentationUrl,\n}: PolicyReportsPageProps) => {\n  const { environments, environmentsLoading } = useEnvironments();\n\n  const defaultFilter: Filter = {\n    status: ['fail'],\n  };\n\n  // Loading environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Header title={title} />\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                <ButtonLink\n                  target=\"_blank\"\n                  href=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n                >\n                  Read More\n                </ButtonLink>\n              </>\n            }\n          />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={defaultFilter}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <Grid.Root columns=\"1\" gap=\"4\">\n            <Flex align=\"end\" gap=\"4\">\n              <SelectStatus />\n              <SelectSeverity />\n              <SelectNamespace />\n              <Box width=\"300px\" style={{ flexShrink: 0 }}>\n                <SearchField />\n              </Box>\n            </Flex>\n            <PolicyReportsTable\n              emptyContentText=\"No policies found\"\n              policyDocumentationUrl={policyDocumentationUrl}\n            />\n          </Grid.Root>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,GAAQ,gBAAA;AAAA,EACR;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,eAAA,EAAgB;AAE9D,EAAA,MAAM,aAAA,GAAwB;AAAA,IAC5B,MAAA,EAAQ,CAAC,MAAM;AAAA,GACjB;AAGA,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,4BACG,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,KAAA,EAAc,CAAA;AAAA,0BACrB,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,KAAA,EAAM,uCAAA;AAAA,UACN,6BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,YAAA,sEAAA;AAAA,4BAEK,GAAA,CAAC,UAAK,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,YAAO;AAAA,WAAA,EAEzC,CAAA;AAAA,UAEF,wBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAO,QAAA;AAAA,cACP,IAAA,EAAK,6DAAA;AAAA,cACN,QAAA,EAAA;AAAA;AAAA,WAED,EACF;AAAA;AAAA,OAEJ,EACF;AAAA,KAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB,aAAA;AAAA,MAChB,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,WACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,MAAL,EAAU,OAAA,EAAQ,GAAA,EAAI,GAAA,EAAI,GAAA,EACzB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,KAAA,EAAM,GAAA,EAAI,GAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,eAAA,EAAA,EAAgB,CAAA;AAAA,4BACjB,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,OAAA,EAAQ,KAAA,EAAO,EAAE,UAAA,EAAY,CAAA,EAAE,EACxC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA,EACf;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAiB,mBAAA;AAAA,cACjB;AAAA;AAAA;AACF,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import { Content, EmptyState, Progress } from '@backstage/core-components';\nimport { Container, Flex, Header, ButtonLink } from '@backstage/ui';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectNamespace } from '../SelectNamespace';\nimport { SearchField } from '../SearchField';\nimport { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters';\nimport { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { FilterLayout } from '../FilterLayout';\nimport { SelectSource } from '../SelectSource';\nimport { SelectKind } from '../SelectKind';\nimport { SelectCategory } from '../SelectCategory';\nimport { SelectPolicy } from '../SelectPolicy';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  policyDocumentationUrl,\n  subtitle,\n}: PolicyReportsPageProps) => {\n  const { environments, environmentsLoading } = useEnvironments();\n\n  const defaultFilter: Filter = {\n    status: ['fail'],\n  };\n\n  // Loading environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (!environments?.length)\n    return (\n      <Container>\n        <Header title={title} />\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                <ButtonLink\n                  target=\"_blank\"\n                  href=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n                >\n                  Read More\n                </ButtonLink>\n              </>\n            }\n          />\n        </Content>\n      </Container>\n    );\n\n  return (\n    <PolicyReportsFiltersProvider\n      defaultFilters={defaultFilter}\n      defaultEnvironment={environments[0].entityRef}\n    >\n      <Container>\n        <Header\n          title={title}\n          description={subtitle}\n          customActions={<SelectEnvironment environments={environments} />}\n        />\n        <Content>\n          <FilterLayout>\n            <FilterLayout.Filters>\n              <SelectStatus />\n              <SelectSeverity />\n              <SelectNamespace />\n              <SelectSource />\n              <SelectKind />\n              <SelectCategory />\n              <SelectPolicy />\n            </FilterLayout.Filters>\n            <FilterLayout.Content>\n              <Flex direction=\"column\" gap=\"4\">\n                <SearchField />\n                <PolicyReportsTable\n                  emptyContentText=\"No policies found\"\n                  policyDocumentationUrl={policyDocumentationUrl}\n                />\n              </Flex>\n            </FilterLayout.Content>\n          </FilterLayout>\n        </Content>\n      </Container>\n    </PolicyReportsFiltersProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,GAAQ,gBAAA;AAAA,EACR,sBAAA;AAAA,EACA;AACF,CAAA,KAA8B;AAC5B,EAAA,MAAM,EAAE,YAAA,EAAc,mBAAA,EAAoB,GAAI,eAAA,EAAgB;AAE9D,EAAA,MAAM,aAAA,GAAwB;AAAA,IAC5B,MAAA,EAAQ,CAAC,MAAM;AAAA,GACjB;AAGA,EAAA,IAAI,mBAAA,EAAqB,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAG1C,EAAA,IAAI,CAAC,YAAA,EAAc,MAAA;AACjB,IAAA,4BACG,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,KAAA,EAAc,CAAA;AAAA,0BACrB,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,KAAA,EAAM,uCAAA;AAAA,UACN,6BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,YAAA,sEAAA;AAAA,4BAEK,GAAA,CAAC,UAAK,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,YAAO;AAAA,WAAA,EAEzC,CAAA;AAAA,UAEF,wBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAO,QAAA;AAAA,cACP,IAAA,EAAK,6DAAA;AAAA,cACN,QAAA,EAAA;AAAA;AAAA,WAED,EACF;AAAA;AAAA,OAEJ,EACF;AAAA,KAAA,EACF,CAAA;AAGJ,EAAA,uBACE,GAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAgB,aAAA;AAAA,MAChB,kBAAA,EAAoB,YAAA,CAAa,CAAC,CAAA,CAAE,SAAA;AAAA,MAEpC,+BAAC,SAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,WAAA,EAAa,QAAA;AAAA,YACb,aAAA,kBAAe,GAAA,CAAC,iBAAA,EAAA,EAAkB,YAAA,EAA4B;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,CAAa,SAAb,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,eAAA,EAAA,EAAgB,CAAA;AAAA,gCAChB,YAAA,EAAA,EAAa,CAAA;AAAA,gCACb,UAAA,EAAA,EAAW,CAAA;AAAA,gCACX,cAAA,EAAA,EAAe,CAAA;AAAA,gCACf,YAAA,EAAA,EAAa;AAAA,WAAA,EAChB,CAAA;AAAA,0BACA,GAAA,CAAC,aAAa,OAAA,EAAb,EACC,+BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,4BACb,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,gBAAA,EAAiB,mBAAA;AAAA,gBACjB;AAAA;AAAA;AACF,WAAA,EACF,CAAA,EACF;AAAA,SAAA,EACF,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -5,7 +5,7 @@ import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
 import { SeverityComponent } from '../SeverityComponent/SeverityComponent.esm.js';
 import { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.esm.js';
 import { useTable, Table, Text, CellText, Cell, Link } from '@backstage/ui';
-import { useApi } from '@backstage/frontend-plugin-api';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
 import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
 import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
 
@@ -16,6 +16,7 @@ const PolicyReportsTable = ({
   const policyReporterApi = useApi(policyReporterApiRef);
   const { filter, environment } = usePolicyReportsFilters();
   const search = filter.search;
+  const toast = useApi(toastApiRef);
   const [drawerContent, setDrawerContent] = useState(
     void 0
   );
@@ -40,6 +41,14 @@ const PolicyReportsTable = ({
         }
       });
       const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch policies",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { data: [], totalCount: 0 };
+      }
       return {
         data: result.items,
         totalCount: result.count

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer } from '@material-ui/core';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent';\nimport {\n  CellText,\n  ColumnConfig,\n  Text,\n  useTable,\n  Table,\n  Cell,\n  Link,\n} from '@backstage/ui';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport { policyReporterApiRef } from '../../api';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\ninterface PolicyReportsTableProps {\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n}\n\nexport const PolicyReportsTable = ({\n  emptyContentText,\n  policyDocumentationUrl,\n}: PolicyReportsTableProps) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const { filter, environment } = usePolicyReportsFilters();\n  const search = filter.search;\n\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n\n  const { tableProps } = useTable({\n    filter,\n    mode: 'offset',\n    search: search,\n    getData: async ({\n      offset,\n      pageSize,\n      filter: fetchFilter,\n      search: searchParam,\n    }) => {\n      // useTable provides:\n      // - offset: absolute record position (0, 20, 40, 60...)\n      // - pageSize: number of records per page (20)\n      //\n      // Policy Reporter API expects:\n      // - page: page number starting from 1 (1, 2, 3, 4...)\n      // - offset: number of results per page (this is actually pageSize)\n      //\n      // Example calculations:\n      // useTable offset=0,  pageSize=20 → page=1 (first 20 records)\n      // useTable offset=20, pageSize=20 → page=2 (records 21-40)\n      // useTable offset=40, pageSize=20 → page=3 (records 41-60)\n\n      // Convert useTable's absolute offset to 1-indexed page number\n      // Math.floor(0/20) + 1 = 1, Math.floor(20/20) + 1 = 2, etc.\n      const page = Math.floor(offset / pageSize) + 1;\n\n      const response = await policyReporterApi.getNamespacedResults({\n        query: {\n          environment: encodeURI(environment),\n          page: page,\n          offset: pageSize,\n          ...fetchFilter,\n          search: searchParam === '' ? undefined : searchParam,\n        },\n      });\n\n      const result = await response.json();\n\n      return {\n        data: result.items,\n        totalCount: result.count,\n      };\n    },\n  });\n\n  const columns: ColumnConfig<ListResult>[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      isRowHeader: true,\n      cell: item => <CellText title={item.name} />,\n    },\n    {\n      id: 'namespace',\n      label: 'Namespace',\n      isRowHeader: true,\n      cell: item => <CellText title={item.namespace} />,\n    },\n    {\n      id: 'kind',\n      label: 'Kind',\n      isRowHeader: true,\n      cell: item => <CellText title={item.kind} />,\n    },\n    {\n      id: 'policy',\n      label: 'Policy',\n      isRowHeader: true,\n      cell: item => {\n        if (policyDocumentationUrl) {\n          return (\n            <Cell>\n              <Link\n                target=\"_blank\"\n                href={`${policyDocumentationUrl}#${item.policy}`}\n              >\n                {item.policy}\n              </Link>\n            </Cell>\n          );\n        }\n        return <CellText title={item.policy} />;\n      },\n    },\n    {\n      id: 'rule',\n      label: 'Rule',\n      isRowHeader: true,\n      cell: item => <CellText title={item.rule} />,\n    },\n    {\n      id: 'status',\n      label: 'Status',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <StatusComponent status={item.status} />\n        </Cell>\n      ),\n    },\n    {\n      id: 'severity',\n      label: 'Severity',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <SeverityComponent severity={item.severity} />\n        </Cell>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={Boolean(drawerContent)}\n        onClose={() => setDrawerContent(undefined)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        rowConfig={{\n          onClick: item => setDrawerContent(item),\n        }}\n        emptyState={\n          search ? (\n            <Text>No results match \"{search}\"</Text>\n          ) : (\n            <Text>{emptyContentText}</Text>\n          )\n        }\n        columnConfig={columns}\n        {...tableProps}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,gBAAA;AAAA,EACA;AACF,CAAA,KAA+B;AAC7B,EAAA,MAAM,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,uBAAA,EAAwB;AACxD,EAAA,MAAM,SAAS,MAAA,CAAO,MAAA;AAEtB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,QAAA,CAAS;AAAA,IAC9B,MAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,MAAA;AAAA,IACA,SAAS,OAAO;AAAA,MACd,MAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,WAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACV,KAAM;AAgBJ,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,QAAQ,CAAA,GAAI,CAAA;AAE7C,MAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,oBAAA,CAAqB;AAAA,QAC5D,KAAA,EAAO;AAAA,UACL,WAAA,EAAa,UAAU,WAAW,CAAA;AAAA,UAClC,IAAA;AAAA,UACA,MAAA,EAAQ,QAAA;AAAA,UACR,GAAG,WAAA;AAAA,UACH,MAAA,EAAQ,WAAA,KAAgB,EAAA,GAAK,MAAA,GAAY;AAAA;AAC3C,OACD,CAAA;AAED,MAAA,MAAM,MAAA,GAAS,MAAM,QAAA,CAAS,IAAA,EAAK;AAEnC,MAAA,OAAO;AAAA,QACL,MAAM,MAAA,CAAO,KAAA;AAAA,QACb,YAAY,MAAA,CAAO;AAAA,OACrB;AAAA,IACF;AAAA,GACD,CAAA;AAED,EAAA,MAAM,OAAA,GAAsC;AAAA,IAC1C;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,WAAA;AAAA,MACJ,KAAA,EAAO,WAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,SAAA,EAAW;AAAA,KACjD;AAAA,IACA;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,QAAA;AAAA,MACJ,KAAA,EAAO,QAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,KAAQ;AACZ,QAAA,IAAI,sBAAA,EAAwB;AAC1B,UAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAO,QAAA;AAAA,cACP,IAAA,EAAM,CAAA,EAAG,sBAAsB,CAAA,CAAA,EAAI,KAAK,MAAM,CAAA,CAAA;AAAA,cAE7C,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR,EACF,CAAA;AAAA,QAEJ;AACA,QAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,IAAA,CAAK,MAAA,EAAQ,CAAA;AAAA,MACvC;AAAA,KACF;AAAA,IACA;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,QAAA;AAAA,MACJ,KAAA,EAAO,QAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,IAAA,EAAM,0BACJ,GAAA,CAAC,IAAA,EAAA,EACC,8BAAC,eAAA,EAAA,EAAgB,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,CAAA,EACxC;AAAA,KAEJ;AAAA,IACA;AAAA,MACE,EAAA,EAAI,UAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,IAAA,EAAM,0BACJ,GAAA,CAAC,IAAA,EAAA,EACC,8BAAC,iBAAA,EAAA,EAAkB,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAC9C;AAAA;AAEJ,GACF;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,OAAA;AAAA,QACP,IAAA,EAAM,QAAQ,aAAa,CAAA;AAAA,QAC3B,OAAA,EAAS,MAAM,gBAAA,CAAiB,MAAS,CAAA;AAAA,QAEzC,QAAA,kBAAA,GAAA,CAAC,4BAAA,EAAA,EAA6B,OAAA,EAAS,aAAA,EAAe;AAAA;AAAA,KACxD;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,CAAA,IAAA,KAAQ,gBAAA,CAAiB,IAAI;AAAA,SACxC;AAAA,QACA,UAAA,EACE,MAAA,mBACE,IAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAA;AAAA,UAAA,oBAAA;AAAA,UAAmB,MAAA;AAAA,UAAO;AAAA,SAAA,EAAC,CAAA,mBAEjC,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,QAG5B,YAAA,EAAc,OAAA;AAAA,QACb,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PolicyReportsTable.esm.js","sources":["../../../src/components/PolicyReportsTable/PolicyReportsTable.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  ListResult,\n  RequestError,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Drawer } from '@material-ui/core';\nimport { StatusComponent } from '../StatusComponent';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { PolicyReportsDrawerComponent } from '../PolicyReportsDrawerComponent';\nimport {\n  CellText,\n  ColumnConfig,\n  Text,\n  useTable,\n  Table,\n  Cell,\n  Link,\n} from '@backstage/ui';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { policyReporterApiRef } from '../../api';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\ninterface PolicyReportsTableProps {\n  emptyContentText: string;\n  policyDocumentationUrl?: string;\n}\n\nexport const PolicyReportsTable = ({\n  emptyContentText,\n  policyDocumentationUrl,\n}: PolicyReportsTableProps) => {\n  const policyReporterApi = useApi(policyReporterApiRef);\n  const { filter, environment } = usePolicyReportsFilters();\n  const search = filter.search;\n  const toast = useApi(toastApiRef);\n\n  const [drawerContent, setDrawerContent] = useState<ListResult | undefined>(\n    undefined,\n  );\n\n  const { tableProps } = useTable({\n    filter,\n    mode: 'offset',\n    search: search,\n    getData: async ({\n      offset,\n      pageSize,\n      filter: fetchFilter,\n      search: searchParam,\n    }) => {\n      // useTable provides:\n      // - offset: absolute record position (0, 20, 40, 60...)\n      // - pageSize: number of records per page (20)\n      //\n      // Policy Reporter API expects:\n      // - page: page number starting from 1 (1, 2, 3, 4...)\n      // - offset: number of results per page (this is actually pageSize)\n      //\n      // Example calculations:\n      // useTable offset=0,  pageSize=20 → page=1 (first 20 records)\n      // useTable offset=20, pageSize=20 → page=2 (records 21-40)\n      // useTable offset=40, pageSize=20 → page=3 (records 41-60)\n\n      // Convert useTable's absolute offset to 1-indexed page number\n      // Math.floor(0/20) + 1 = 1, Math.floor(20/20) + 1 = 2, etc.\n      const page = Math.floor(offset / pageSize) + 1;\n\n      const response = await policyReporterApi.getNamespacedResults({\n        query: {\n          environment: encodeURI(environment),\n          page: page,\n          offset: pageSize,\n          ...fetchFilter,\n          search: searchParam === '' ? undefined : searchParam,\n        },\n      });\n\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch policies',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { data: [], totalCount: 0 };\n      }\n\n      return {\n        data: result.items,\n        totalCount: result.count,\n      };\n    },\n  });\n\n  const columns: ColumnConfig<ListResult>[] = [\n    {\n      id: 'name',\n      label: 'Name',\n      isRowHeader: true,\n      cell: item => <CellText title={item.name} />,\n    },\n    {\n      id: 'namespace',\n      label: 'Namespace',\n      isRowHeader: true,\n      cell: item => <CellText title={item.namespace} />,\n    },\n    {\n      id: 'kind',\n      label: 'Kind',\n      isRowHeader: true,\n      cell: item => <CellText title={item.kind} />,\n    },\n    {\n      id: 'policy',\n      label: 'Policy',\n      isRowHeader: true,\n      cell: item => {\n        if (policyDocumentationUrl) {\n          return (\n            <Cell>\n              <Link\n                target=\"_blank\"\n                href={`${policyDocumentationUrl}#${item.policy}`}\n              >\n                {item.policy}\n              </Link>\n            </Cell>\n          );\n        }\n        return <CellText title={item.policy} />;\n      },\n    },\n    {\n      id: 'rule',\n      label: 'Rule',\n      isRowHeader: true,\n      cell: item => <CellText title={item.rule} />,\n    },\n    {\n      id: 'status',\n      label: 'Status',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <StatusComponent status={item.status} />\n        </Cell>\n      ),\n    },\n    {\n      id: 'severity',\n      label: 'Severity',\n      isRowHeader: true,\n      cell: item => (\n        <Cell>\n          <SeverityComponent severity={item.severity} />\n        </Cell>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Drawer\n        anchor=\"right\"\n        open={Boolean(drawerContent)}\n        onClose={() => setDrawerContent(undefined)}\n      >\n        <PolicyReportsDrawerComponent content={drawerContent} />\n      </Drawer>\n      <Table\n        rowConfig={{\n          onClick: item => setDrawerContent(item),\n        }}\n        emptyState={\n          search ? (\n            <Text>No results match \"{search}\"</Text>\n          ) : (\n            <Text>{emptyContentText}</Text>\n          )\n        }\n        columnConfig={columns}\n        {...tableProps}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA2BO,MAAM,qBAAqB,CAAC;AAAA,EACjC,gBAAA;AAAA,EACA;AACF,CAAA,KAA+B;AAC7B,EAAA,MAAM,iBAAA,GAAoB,OAAO,oBAAoB,CAAA;AACrD,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,uBAAA,EAAwB;AACxD,EAAA,MAAM,SAAS,MAAA,CAAO,MAAA;AACtB,EAAA,MAAM,KAAA,GAAQ,OAAO,WAAW,CAAA;AAEhC,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,QAAA,CAAS;AAAA,IAC9B,MAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,MAAA;AAAA,IACA,SAAS,OAAO;AAAA,MACd,MAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,WAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACV,KAAM;AAgBJ,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,QAAQ,CAAA,GAAI,CAAA;AAE7C,MAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,oBAAA,CAAqB;AAAA,QAC5D,KAAA,EAAO;AAAA,UACL,WAAA,EAAa,UAAU,WAAW,CAAA;AAAA,UAClC,IAAA;AAAA,UACA,MAAA,EAAQ,QAAA;AAAA,UACR,GAAG,WAAA;AAAA,UACH,MAAA,EAAQ,WAAA,KAAgB,EAAA,GAAK,MAAA,GAAY;AAAA;AAC3C,OACD,CAAA;AAED,MAAA,MAAM,MAAA,GAAS,MAAM,QAAA,CAAS,IAAA,EAAK;AAEnC,MAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,QAAA,KAAA,CAAM,IAAA,CAAK;AAAA,UACT,KAAA,EAAO,0BAAA;AAAA,UACP,aACG,MAAA,CAAmC,KAAA,IACpC,SAAS,UAAA,IACT,CAAA,2BAAA,EAA8B,SAAS,MAAM,CAAA,CAAA;AAAA,UAC/C,MAAA,EAAQ;AAAA,SACT,CAAA;AACD,QAAA,OAAO,EAAE,IAAA,EAAM,EAAC,EAAG,YAAY,CAAA,EAAE;AAAA,MACnC;AAEA,MAAA,OAAO;AAAA,QACL,MAAM,MAAA,CAAO,KAAA;AAAA,QACb,YAAY,MAAA,CAAO;AAAA,OACrB;AAAA,IACF;AAAA,GACD,CAAA;AAED,EAAA,MAAM,OAAA,GAAsC;AAAA,IAC1C;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,WAAA;AAAA,MACJ,KAAA,EAAO,WAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,SAAA,EAAW;AAAA,KACjD;AAAA,IACA;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,QAAA;AAAA,MACJ,KAAA,EAAO,QAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,KAAQ;AACZ,QAAA,IAAI,sBAAA,EAAwB;AAC1B,UAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,MAAA,EAAO,QAAA;AAAA,cACP,IAAA,EAAM,CAAA,EAAG,sBAAsB,CAAA,CAAA,EAAI,KAAK,MAAM,CAAA,CAAA;AAAA,cAE7C,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR,EACF,CAAA;AAAA,QAEJ;AACA,QAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,IAAA,CAAK,MAAA,EAAQ,CAAA;AAAA,MACvC;AAAA,KACF;AAAA,IACA;AAAA,MACE,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,MAAM,CAAA,IAAA,qBAAQ,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,KAAK,IAAA,EAAM;AAAA,KAC5C;AAAA,IACA;AAAA,MACE,EAAA,EAAI,QAAA;AAAA,MACJ,KAAA,EAAO,QAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,IAAA,EAAM,0BACJ,GAAA,CAAC,IAAA,EAAA,EACC,8BAAC,eAAA,EAAA,EAAgB,MAAA,EAAQ,IAAA,CAAK,MAAA,EAAQ,CAAA,EACxC;AAAA,KAEJ;AAAA,IACA;AAAA,MACE,EAAA,EAAI,UAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,IAAA,EAAM,0BACJ,GAAA,CAAC,IAAA,EAAA,EACC,8BAAC,iBAAA,EAAA,EAAkB,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,CAAA,EAC9C;AAAA;AAEJ,GACF;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,OAAA;AAAA,QACP,IAAA,EAAM,QAAQ,aAAa,CAAA;AAAA,QAC3B,OAAA,EAAS,MAAM,gBAAA,CAAiB,MAAS,CAAA;AAAA,QAEzC,QAAA,kBAAA,GAAA,CAAC,4BAAA,EAAA,EAA6B,OAAA,EAAS,aAAA,EAAe;AAAA;AAAA,KACxD;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,CAAA,IAAA,KAAQ,gBAAA,CAAiB,IAAI;AAAA,SACxC;AAAA,QACA,UAAA,EACE,MAAA,mBACE,IAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAA;AAAA,UAAA,oBAAA;AAAA,UAAmB,MAAA;AAAA,UAAO;AAAA,SAAA,EAAC,CAAA,mBAEjC,GAAA,CAAC,IAAA,EAAA,EAAM,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,QAG5B,YAAA,EAAc,OAAA;AAAA,QACb,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/SelectCategory/SelectCategory.esm.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAsyncList, Select } from '@backstage/ui';
+import { useMemo, useRef, useEffect } from 'react';
+import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
+import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
+
+const SelectCategory = () => {
+  const { filter, updateFilter, environment } = usePolicyReportsFilters();
+  const api = useApi(policyReporterApiRef);
+  const toast = useApi(toastApiRef);
+  const categoryOptions = useAsyncList({
+    async load({}) {
+      if (!environment) return { items: [] };
+      const response = await api.getCategories({ query: { environment } });
+      const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch categories",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { items: [] };
+      }
+      return {
+        items: result.map((c) => ({ id: c, label: c }))
+      };
+    }
+  });
+  const categories = useMemo(() => {
+    if (categoryOptions.isLoading || categoryOptions.items.length === 0) {
+      return void 0;
+    }
+    return new Set(categoryOptions.items.map((c) => c.label));
+  }, [categoryOptions.isLoading, categoryOptions.items]);
+  const categoryRef = useRef(categoryOptions);
+  categoryRef.current = categoryOptions;
+  useEffect(() => {
+    categoryRef.current.reload();
+  }, [environment]);
+  const selectedCategories = filter.categories ?? [];
+  const selectedCategoriesRef = useRef(selectedCategories);
+  selectedCategoriesRef.current = selectedCategories;
+  useEffect(() => {
+    if (!categories) return;
+    const selected = selectedCategoriesRef.current;
+    if (selected.every((category) => categories.has(category))) return;
+    updateFilter({
+      categories: selected.filter((category) => categories.has(category))
+    });
+  }, [categories, updateFilter]);
+  const handleChange = (key) => {
+    if (key === null) {
+      updateFilter({ categories: [] });
+      return;
+    }
+    if (!categories) return;
+    if (!Array.isArray(key)) {
+      updateFilter({
+        categories: categories.has(key) ? [key] : []
+      });
+      return;
+    }
+    const filtered = key.filter(
+      (item) => categories.has(item)
+    );
+    updateFilter({ categories: filtered });
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label: "Category",
+      selectionMode: "multiple",
+      options: categoryOptions,
+      value: selectedCategories,
+      onChange: handleChange,
+      placeholder: "All"
+    }
+  );
+};
+
+export { SelectCategory };
+//# sourceMappingURL=SelectCategory.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectCategory.esm.js","sources":["../../../src/components/SelectCategory/SelectCategory.tsx"],"sourcesContent":["import { IdentifiedOption, Select, useAsyncList } from '@backstage/ui';\nimport { Key, useEffect, useMemo, useRef } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { policyReporterApiRef } from '../../api';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { RequestError } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const SelectCategory = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const api = useApi(policyReporterApiRef);\n  const toast = useApi(toastApiRef);\n\n  const categoryOptions = useAsyncList<IdentifiedOption>({\n    async load({}) {\n      if (!environment) return { items: [] };\n      const response = await api.getCategories({ query: { environment } });\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch categories',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { items: [] };\n      }\n\n      return {\n        items: result.map(c => ({ id: c, label: c })),\n      };\n    },\n  });\n\n  const categories = useMemo(() => {\n    if (categoryOptions.isLoading || categoryOptions.items.length === 0) {\n      return undefined;\n    }\n\n    return new Set(categoryOptions.items.map(c => c.label));\n  }, [categoryOptions.isLoading, categoryOptions.items]);\n\n  // useRef to avoid dependency on the useAsyncList result\n  const categoryRef = useRef(categoryOptions);\n  categoryRef.current = categoryOptions;\n\n  // Fetch sources again after changes to the environment\n  useEffect(() => {\n    categoryRef.current.reload();\n  }, [environment]);\n\n  const selectedCategories = filter.categories ?? [];\n\n  // Keep a ref so the effect can read the latest selection without making it\n  // a dependency — the effect should only trigger when available sources change.\n  const selectedCategoriesRef = useRef(selectedCategories);\n  selectedCategoriesRef.current = selectedCategories;\n\n  useEffect(() => {\n    if (!categories) return;\n\n    const selected = selectedCategoriesRef.current;\n\n    if (selected.every(category => categories.has(category))) return;\n\n    updateFilter({\n      categories: selected.filter(category => categories.has(category)),\n    });\n  }, [categories, updateFilter]);\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ categories: [] });\n      return;\n    }\n\n    if (!categories) return;\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        categories: categories.has(key as string) ? [key as string] : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      categories.has(item as string),\n    );\n    updateFilter({ categories: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Category\"\n      selectionMode=\"multiple\"\n      options={categoryOptions}\n      value={selectedCategories}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SelectKind/SelectKind.esm.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAsyncList, Select } from '@backstage/ui';
+import { useMemo, useRef, useEffect } from 'react';
+import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
+import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
+
+const SelectKind = () => {
+  const { filter, updateFilter, environment } = usePolicyReportsFilters();
+  const api = useApi(policyReporterApiRef);
+  const toast = useApi(toastApiRef);
+  const kindOptions = useAsyncList({
+    async load({}) {
+      if (!environment) return { items: [] };
+      const response = await api.getKinds({ query: { environment } });
+      const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch kinds",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { items: [] };
+      }
+      return {
+        items: result.map((k) => ({ id: k, label: k }))
+      };
+    }
+  });
+  const kinds = useMemo(() => {
+    if (kindOptions.isLoading || kindOptions.items.length === 0) {
+      return void 0;
+    }
+    return new Set(kindOptions.items.map((k) => k.label));
+  }, [kindOptions.isLoading, kindOptions.items]);
+  const kindRef = useRef(kindOptions);
+  kindRef.current = kindOptions;
+  useEffect(() => {
+    kindRef.current.reload();
+  }, [environment]);
+  const selectedKinds = filter.kinds ?? [];
+  const selectedKindsRef = useRef(selectedKinds);
+  selectedKindsRef.current = selectedKinds;
+  useEffect(() => {
+    if (!kinds) return;
+    const selected = selectedKindsRef.current;
+    if (selected.every((kind) => kinds.has(kind))) return;
+    updateFilter({
+      kinds: selected.filter((kind) => kinds.has(kind))
+    });
+  }, [kinds, updateFilter]);
+  const handleChange = (key) => {
+    if (key === null) {
+      updateFilter({ kinds: [] });
+      return;
+    }
+    if (!kinds) return;
+    if (!Array.isArray(key)) {
+      updateFilter({
+        kinds: kinds.has(key) ? [key] : []
+      });
+      return;
+    }
+    const filtered = key.filter(
+      (item) => kinds.has(item)
+    );
+    updateFilter({ kinds: filtered });
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label: "Kind",
+      selectionMode: "multiple",
+      options: kindOptions,
+      value: selectedKinds,
+      onChange: handleChange,
+      placeholder: "All"
+    }
+  );
+};
+
+export { SelectKind };
+//# sourceMappingURL=SelectKind.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectKind.esm.js","sources":["../../../src/components/SelectKind/SelectKind.tsx"],"sourcesContent":["import { IdentifiedOption, Select, useAsyncList } from '@backstage/ui';\nimport { Key, useEffect, useMemo, useRef } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { policyReporterApiRef } from '../../api';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { RequestError } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const SelectKind = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const api = useApi(policyReporterApiRef);\n  const toast = useApi(toastApiRef);\n\n  const kindOptions = useAsyncList<IdentifiedOption>({\n    async load({}) {\n      if (!environment) return { items: [] };\n      const response = await api.getKinds({ query: { environment } });\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch kinds',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { items: [] };\n      }\n\n      return {\n        items: result.map((k: string) => ({ id: k, label: k })),\n      };\n    },\n  });\n\n  const kinds = useMemo(() => {\n    if (kindOptions.isLoading || kindOptions.items.length === 0) {\n      return undefined;\n    }\n\n    return new Set(kindOptions.items.map(k => k.label));\n  }, [kindOptions.isLoading, kindOptions.items]);\n\n  const kindRef = useRef(kindOptions);\n  kindRef.current = kindOptions;\n\n  useEffect(() => {\n    kindRef.current.reload();\n  }, [environment]);\n\n  const selectedKinds = filter.kinds ?? [];\n\n  const selectedKindsRef = useRef(selectedKinds);\n  selectedKindsRef.current = selectedKinds;\n\n  useEffect(() => {\n    if (!kinds) return;\n\n    const selected = selectedKindsRef.current;\n\n    if (selected.every(kind => kinds.has(kind))) return;\n\n    updateFilter({\n      kinds: selected.filter(kind => kinds.has(kind)),\n    });\n  }, [kinds, updateFilter]);\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ kinds: [] });\n      return;\n    }\n\n    if (!kinds) return;\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        kinds: kinds.has(key as string) ? [key as string] : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      kinds.has(item as string),\n    );\n    updateFilter({ kinds: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Kind\"\n      selectionMode=\"multiple\"\n      options={kindOptions}\n      value={selectedKinds}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SelectNamespace/SelectNamespace.esm.js

@@ -1,25 +1,69 @@
 import { jsx } from 'react/jsx-runtime';
-import { Select } from '@backstage/ui';
+import { useAsyncList, Select } from '@backstage/ui';
+import { useMemo, useRef, useEffect } from 'react';
 import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
-import { useNamespaces } from '../../hooks/useNamespaces.esm.js';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
+import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
 
 const SelectNamespace = () => {
   const { filter, updateFilter, environment } = usePolicyReportsFilters();
-  const { namespaces: availableNamespaces } = useNamespaces(environment);
-  const options = availableNamespaces.map((ns) => ({ value: ns, label: ns }));
+  const api = useApi(policyReporterApiRef);
+  const toast = useApi(toastApiRef);
+  const namespaceOptions = useAsyncList({
+    async load({}) {
+      if (!environment) return { items: [] };
+      const response = await api.getNamespaces({ query: { environment } });
+      const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch namespaces",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { items: [] };
+      }
+      const namespaces2 = Array.isArray(result) ? result : [];
+      return {
+        items: namespaces2.map((ns) => ({ id: ns, label: ns }))
+      };
+    }
+  });
+  const namespaces = useMemo(() => {
+    if (namespaceOptions.isLoading || namespaceOptions.items.length === 0) {
+      return void 0;
+    }
+    return new Set(namespaceOptions.items.map((ns) => ns.label));
+  }, [namespaceOptions.isLoading, namespaceOptions.items]);
+  const namespacesRef = useRef(namespaceOptions);
+  namespacesRef.current = namespaceOptions;
+  useEffect(() => {
+    namespacesRef.current.reload();
+  }, [environment]);
+  const selectedNamespaces = filter.namespaces ?? [];
+  const selectedNamespacesRef = useRef(selectedNamespaces);
+  selectedNamespacesRef.current = selectedNamespaces;
+  useEffect(() => {
+    if (!namespaces) return;
+    const selected = selectedNamespacesRef.current;
+    if (selected.every((ns) => namespaces.has(ns))) return;
+    updateFilter({
+      namespaces: selected.filter((ns) => namespaces.has(ns))
+    });
+  }, [namespaces, updateFilter]);
   const handleChange = (key) => {
     if (key === null) {
       updateFilter({ namespaces: [] });
       return;
     }
+    if (!namespaces) return;
     if (!Array.isArray(key)) {
       updateFilter({
-        namespaces: availableNamespaces.includes(key) ? [key] : []
+        namespaces: namespaces.has(key) ? [key] : []
       });
       return;
     }
     const filtered = key.filter(
-      (item) => availableNamespaces.includes(item)
+      (item) => namespaces.has(item)
     );
     updateFilter({ namespaces: filtered });
   };
@@ -28,11 +72,10 @@ const SelectNamespace = () => {
     {
       label: "Namespace",
       selectionMode: "multiple",
-      options,
-      value: filter.namespaces ?? [],
+      options: namespaceOptions,
+      value: selectedNamespaces,
       onChange: handleChange,
-      placeholder: "All",
-      style: { width: 200 }
+      placeholder: "All"
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectNamespace.esm.js","sources":["../../../src/components/SelectNamespace/SelectNamespace.tsx"],"sourcesContent":["import { Select } from '@backstage/ui';\nimport { Key } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { useNamespaces } from '../../hooks/useNamespaces';\n\nexport const SelectNamespace = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const { namespaces: availableNamespaces } = useNamespaces(environment);\n\n  const options = availableNamespaces.map(ns => ({ value: ns, label: ns }));\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ namespaces: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        namespaces: availableNamespaces.includes(key as string)\n          ? [key as string]\n          : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      availableNamespaces.includes(item as string),\n    );\n    updateFilter({ namespaces: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Namespace\"\n      selectionMode=\"multiple\"\n      options={options}\n      value={filter.namespaces ?? []}\n      onChange={handleChange}\n      placeholder=\"All\"\n      style={{ width: 200 }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAc,WAAA,KAAgB,uBAAA,EAAwB;AACtE,EAAA,MAAM,EAAE,UAAA,EAAY,mBAAA,EAAoB,GAAI,cAAc,WAAW,CAAA;AAErE,EAAA,MAAM,OAAA,GAAU,oBAAoB,GAAA,CAAI,CAAA,EAAA,MAAO,EAAE,KAAA,EAAO,EAAA,EAAI,KAAA,EAAO,EAAA,EAAG,CAAE,CAAA;AAExE,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KAA4B;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA,YAAA,CAAa,EAAE,UAAA,EAAY,EAAC,EAAG,CAAA;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACvB,MAAA,YAAA,CAAa;AAAA,QACX,UAAA,EAAY,oBAAoB,QAAA,CAAS,GAAa,IAClD,CAAC,GAAa,IACd;AAAC,OACN,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,WAAW,GAAA,CAAI,MAAA;AAAA,MAAO,CAAC,IAAA,KAC3B,mBAAA,CAAoB,QAAA,CAAS,IAAc;AAAA,KAC7C;AACA,IAAA,YAAA,CAAa,EAAE,UAAA,EAAY,QAAA,EAAU,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,WAAA;AAAA,MACN,aAAA,EAAc,UAAA;AAAA,MACd,OAAA;AAAA,MACA,KAAA,EAAO,MAAA,CAAO,UAAA,IAAc,EAAC;AAAA,MAC7B,QAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA;AAAI;AAAA,GACtB;AAEJ;;;;"}
+{"version":3,"file":"SelectNamespace.esm.js","sources":["../../../src/components/SelectNamespace/SelectNamespace.tsx"],"sourcesContent":["import { IdentifiedOption, Select, useAsyncList } from '@backstage/ui';\nimport { Key, useEffect, useMemo, useRef } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { policyReporterApiRef } from '../../api';\nimport { RequestError } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const SelectNamespace = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const api = useApi(policyReporterApiRef);\n  const toast = useApi(toastApiRef);\n\n  const namespaceOptions = useAsyncList<IdentifiedOption>({\n    async load({}) {\n      if (!environment) return { items: [] };\n      const response = await api.getNamespaces({ query: { environment } });\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch namespaces',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { items: [] };\n      }\n\n      const namespaces = Array.isArray(result) ? result : [];\n\n      return {\n        items: namespaces.map(ns => ({ id: ns, label: ns })),\n      };\n    },\n  });\n\n  const namespaces = useMemo(() => {\n    if (namespaceOptions.isLoading || namespaceOptions.items.length === 0) {\n      return undefined;\n    }\n\n    return new Set(namespaceOptions.items.map(ns => ns.label));\n  }, [namespaceOptions.isLoading, namespaceOptions.items]);\n\n  // useRef to avoid dependency on the useAsyncList result\n  const namespacesRef = useRef(namespaceOptions);\n  namespacesRef.current = namespaceOptions;\n\n  // Fetch namespaces again after changes to the environment\n  useEffect(() => {\n    namespacesRef.current.reload();\n  }, [environment]);\n\n  const selectedNamespaces = filter.namespaces ?? [];\n\n  // Keep a ref so the effect can read the latest selection without making it\n  // a dependency — the effect should only trigger when available namespaces change.\n  const selectedNamespacesRef = useRef(selectedNamespaces);\n  selectedNamespacesRef.current = selectedNamespaces;\n\n  useEffect(() => {\n    if (!namespaces) return;\n\n    const selected = selectedNamespacesRef.current;\n\n    if (selected.every(ns => namespaces.has(ns))) return;\n\n    updateFilter({\n      namespaces: selected.filter(ns => namespaces.has(ns)),\n    });\n  }, [namespaces, updateFilter]);\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ namespaces: [] });\n      return;\n    }\n\n    if (!namespaces) return;\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        namespaces: namespaces.has(key as string) ? [key as string] : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      namespaces.has(item as string),\n    );\n    updateFilter({ namespaces: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Namespace\"\n      selectionMode=\"multiple\"\n      options={namespaceOptions}\n      value={selectedNamespaces}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":["namespaces"],"mappings":"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"}

package/dist/components/SelectPolicy/SelectPolicy.esm.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAsyncList, Select } from '@backstage/ui';
+import { useMemo, useRef, useEffect } from 'react';
+import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
+import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
+
+const SelectPolicy = () => {
+  const { filter, updateFilter, environment } = usePolicyReportsFilters();
+  const api = useApi(policyReporterApiRef);
+  const toast = useApi(toastApiRef);
+  const policyOptions = useAsyncList({
+    async load({}) {
+      if (!environment) return { items: [] };
+      const response = await api.getPolicies({ query: { environment } });
+      const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch policies",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { items: [] };
+      }
+      return {
+        items: result.map((s) => ({ id: s, label: s }))
+      };
+    }
+  });
+  const policies = useMemo(() => {
+    if (policyOptions.isLoading || policyOptions.items.length === 0) {
+      return void 0;
+    }
+    return new Set(policyOptions.items.map((s) => s.label));
+  }, [policyOptions.items, policyOptions.isLoading]);
+  const policyRef = useRef(policyOptions);
+  policyRef.current = policyOptions;
+  useEffect(() => {
+    policyRef.current.reload();
+  }, [environment]);
+  const selectedPolicies = filter.policies ?? [];
+  const selectedPoliciesRef = useRef(selectedPolicies);
+  selectedPoliciesRef.current = selectedPolicies;
+  useEffect(() => {
+    if (!policies) return;
+    const selected = selectedPoliciesRef.current;
+    if (selected.every((policy) => policies.has(policy))) return;
+    updateFilter({
+      policies: selected.filter((policy) => policies.has(policy))
+    });
+  }, [policies, updateFilter]);
+  const handleChange = (key) => {
+    if (!policies) return;
+    if (key === null) {
+      updateFilter({ policies: [] });
+      return;
+    }
+    if (!Array.isArray(key)) {
+      updateFilter({
+        policies: policies.has(key) ? [key] : []
+      });
+      return;
+    }
+    const filtered = key.filter(
+      (item) => policies.has(item)
+    );
+    updateFilter({ policies: filtered });
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label: "Policy",
+      selectionMode: "multiple",
+      options: policyOptions,
+      value: selectedPolicies,
+      onChange: handleChange,
+      placeholder: "All"
+    }
+  );
+};
+
+export { SelectPolicy };
+//# sourceMappingURL=SelectPolicy.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPolicy.esm.js","sources":["../../../src/components/SelectPolicy/SelectPolicy.tsx"],"sourcesContent":["import { IdentifiedOption, Select, useAsyncList } from '@backstage/ui';\nimport { Key, useEffect, useMemo, useRef } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { policyReporterApiRef } from '../../api';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { RequestError } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const SelectPolicy = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const api = useApi(policyReporterApiRef);\n  const toast = useApi(toastApiRef);\n\n  const policyOptions = useAsyncList<IdentifiedOption>({\n    async load({}) {\n      if (!environment) return { items: [] };\n      const response = await api.getPolicies({ query: { environment } });\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch policies',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { items: [] };\n      }\n\n      return {\n        items: result.map(s => ({ id: s, label: s })),\n      };\n    },\n  });\n\n  const policies = useMemo(() => {\n    if (policyOptions.isLoading || policyOptions.items.length === 0) {\n      return undefined;\n    }\n\n    return new Set(policyOptions.items.map(s => s.label));\n  }, [policyOptions.items, policyOptions.isLoading]);\n\n  // useRef to avoid dependency on the useAsyncList result\n  const policyRef = useRef(policyOptions);\n  policyRef.current = policyOptions;\n\n  // Fetch policies again after changes to the environment\n  useEffect(() => {\n    policyRef.current.reload();\n  }, [environment]);\n\n  const selectedPolicies = filter.policies ?? [];\n\n  // Keep a ref so the effect can read the latest selection without making it\n  // a dependency — the effect should only trigger when available policies change.\n  const selectedPoliciesRef = useRef(selectedPolicies);\n  selectedPoliciesRef.current = selectedPolicies;\n\n  useEffect(() => {\n    if (!policies) return;\n    const selected = selectedPoliciesRef.current;\n\n    if (selected.every(policy => policies.has(policy))) return;\n\n    updateFilter({\n      policies: selected.filter(policy => policies.has(policy)),\n    });\n  }, [policies, updateFilter]);\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (!policies) return;\n\n    if (key === null) {\n      updateFilter({ policies: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        policies: policies.has(key as string) ? [key as string] : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      policies.has(item as string),\n    );\n    updateFilter({ policies: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Policy\"\n      selectionMode=\"multiple\"\n      options={policyOptions}\n      value={selectedPolicies}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SelectSeverity/SelectSeverity.esm.js

@@ -37,8 +37,7 @@ const SelectSeverity = () => {
       options: SEVERITY_OPTIONS,
       value: filter.severities ?? [],
       onChange: handleChange,
-      placeholder: "All",
-      style: { width: 200 }
+      placeholder: "All"
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectSeverity.esm.js","sources":["../../../src/components/SelectSeverity/SelectSeverity.tsx"],"sourcesContent":["import { Select } from '@backstage/ui';\nimport { Severity } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Key } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\nconst SEVERITY_OPTIONS: { value: Severity; label: string }[] = [\n  { value: 'unknown', label: 'Unknown' },\n  { value: 'low', label: 'Low' },\n  { value: 'medium', label: 'Medium' },\n  { value: 'high', label: 'High' },\n  { value: 'critical', label: 'Critical' },\n  { value: 'info', label: 'Info' },\n];\n\nconst validSeverities = SEVERITY_OPTIONS.map(option => option.value);\n\nexport const SelectSeverity = () => {\n  const { filter, updateFilter } = usePolicyReportsFilters();\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ severities: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        severities: validSeverities.includes(key as Severity)\n          ? [key as Severity]\n          : [],\n      });\n      return;\n    }\n\n    const filteredSeverities = key.filter((item): item is Severity =>\n      validSeverities.includes(item as Severity),\n    );\n    updateFilter({ severities: filteredSeverities });\n  };\n\n  return (\n    <Select\n      label=\"Severity\"\n      selectionMode=\"multiple\"\n      options={SEVERITY_OPTIONS}\n      value={filter.severities ?? []}\n      onChange={handleChange}\n      placeholder=\"All\"\n      style={{ width: 200 }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAA,GAAyD;AAAA,EAC7D,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAA,EAAM;AAAA,EAC7B,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAS;AAAA,EACnC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,EACvC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA;AAC1B,CAAA;AAEA,MAAM,eAAA,GAAkB,gBAAA,CAAiB,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAE5D,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAa,GAAI,uBAAA,EAAwB;AAEzD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KAA4B;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA,YAAA,CAAa,EAAE,UAAA,EAAY,EAAC,EAAG,CAAA;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACvB,MAAA,YAAA,CAAa;AAAA,QACX,UAAA,EAAY,gBAAgB,QAAA,CAAS,GAAe,IAChD,CAAC,GAAe,IAChB;AAAC,OACN,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,qBAAqB,GAAA,CAAI,MAAA;AAAA,MAAO,CAAC,IAAA,KACrC,eAAA,CAAgB,QAAA,CAAS,IAAgB;AAAA,KAC3C;AACA,IAAA,YAAA,CAAa,EAAE,UAAA,EAAY,kBAAA,EAAoB,CAAA;AAAA,EACjD,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,UAAA;AAAA,MACN,aAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,gBAAA;AAAA,MACT,KAAA,EAAO,MAAA,CAAO,UAAA,IAAc,EAAC;AAAA,MAC7B,QAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA;AAAI;AAAA,GACtB;AAEJ;;;;"}
+{"version":3,"file":"SelectSeverity.esm.js","sources":["../../../src/components/SelectSeverity/SelectSeverity.tsx"],"sourcesContent":["import { Select } from '@backstage/ui';\nimport { Severity } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Key } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\nconst SEVERITY_OPTIONS: { value: Severity; label: string }[] = [\n  { value: 'unknown', label: 'Unknown' },\n  { value: 'low', label: 'Low' },\n  { value: 'medium', label: 'Medium' },\n  { value: 'high', label: 'High' },\n  { value: 'critical', label: 'Critical' },\n  { value: 'info', label: 'Info' },\n];\n\nconst validSeverities = SEVERITY_OPTIONS.map(option => option.value);\n\nexport const SelectSeverity = () => {\n  const { filter, updateFilter } = usePolicyReportsFilters();\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ severities: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        severities: validSeverities.includes(key as Severity)\n          ? [key as Severity]\n          : [],\n      });\n      return;\n    }\n\n    const filteredSeverities = key.filter((item): item is Severity =>\n      validSeverities.includes(item as Severity),\n    );\n    updateFilter({ severities: filteredSeverities });\n  };\n\n  return (\n    <Select\n      label=\"Severity\"\n      selectionMode=\"multiple\"\n      options={SEVERITY_OPTIONS}\n      value={filter.severities ?? []}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAA,GAAyD;AAAA,EAC7D,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAA,EAAM;AAAA,EAC7B,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAS;AAAA,EACnC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,EACvC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA;AAC1B,CAAA;AAEA,MAAM,eAAA,GAAkB,gBAAA,CAAiB,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAE5D,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAa,GAAI,uBAAA,EAAwB;AAEzD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KAA4B;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA,YAAA,CAAa,EAAE,UAAA,EAAY,EAAC,EAAG,CAAA;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACvB,MAAA,YAAA,CAAa;AAAA,QACX,UAAA,EAAY,gBAAgB,QAAA,CAAS,GAAe,IAChD,CAAC,GAAe,IAChB;AAAC,OACN,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,qBAAqB,GAAA,CAAI,MAAA;AAAA,MAAO,CAAC,IAAA,KACrC,eAAA,CAAgB,QAAA,CAAS,IAAgB;AAAA,KAC3C;AACA,IAAA,YAAA,CAAa,EAAE,UAAA,EAAY,kBAAA,EAAoB,CAAA;AAAA,EACjD,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,UAAA;AAAA,MACN,aAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,gBAAA;AAAA,MACT,KAAA,EAAO,MAAA,CAAO,UAAA,IAAc,EAAC;AAAA,MAC7B,QAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAY;AAAA;AAAA,GACd;AAEJ;;;;"}

package/dist/components/SelectSource/SelectSource.esm.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAsyncList, Select } from '@backstage/ui';
+import { useMemo, useRef, useEffect } from 'react';
+import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
+import { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
+import { useApi, toastApiRef } from '@backstage/frontend-plugin-api';
+
+const SelectSource = () => {
+  const { filter, updateFilter, environment } = usePolicyReportsFilters();
+  const api = useApi(policyReporterApiRef);
+  const toast = useApi(toastApiRef);
+  const sourceOptions = useAsyncList({
+    async load({}) {
+      if (!environment) return { items: [] };
+      const response = await api.getSources({ query: { environment } });
+      const result = await response.json();
+      if (!response.ok) {
+        toast.post({
+          title: "Failed to fetch sources",
+          description: result.error || response.statusText || `Request failed with status ${response.status}`,
+          status: "danger"
+        });
+        return { items: [] };
+      }
+      return {
+        items: result.map((s) => ({ id: s, label: s }))
+      };
+    }
+  });
+  const sources = useMemo(() => {
+    if (sourceOptions.isLoading || sourceOptions.items.length === 0) {
+      return void 0;
+    }
+    return new Set(sourceOptions.items.map((s) => s.label));
+  }, [sourceOptions.items, sourceOptions.isLoading]);
+  const sourceRef = useRef(sourceOptions);
+  sourceRef.current = sourceOptions;
+  useEffect(() => {
+    sourceRef.current.reload();
+  }, [environment]);
+  const selectedSources = filter.sources ?? [];
+  const selectedSourcesRef = useRef(selectedSources);
+  selectedSourcesRef.current = selectedSources;
+  useEffect(() => {
+    if (!sources) return;
+    const selected = selectedSourcesRef.current;
+    if (selected.every((source) => sources.has(source))) return;
+    updateFilter({
+      sources: selected.filter((source) => sources.has(source))
+    });
+  }, [sources, updateFilter]);
+  const handleChange = (key) => {
+    if (!sources) return;
+    if (key === null) {
+      updateFilter({ sources: [] });
+      return;
+    }
+    if (!Array.isArray(key)) {
+      updateFilter({
+        sources: sources.has(key) ? [key] : []
+      });
+      return;
+    }
+    const filtered = key.filter(
+      (item) => sources.has(item)
+    );
+    updateFilter({ sources: filtered });
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      label: "Source",
+      selectionMode: "multiple",
+      options: sourceOptions,
+      value: selectedSources,
+      onChange: handleChange,
+      placeholder: "All"
+    }
+  );
+};
+
+export { SelectSource };
+//# sourceMappingURL=SelectSource.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSource.esm.js","sources":["../../../src/components/SelectSource/SelectSource.tsx"],"sourcesContent":["import { IdentifiedOption, Select, useAsyncList } from '@backstage/ui';\nimport { Key, useEffect, useMemo, useRef } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\nimport { policyReporterApiRef } from '../../api';\nimport { toastApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { RequestError } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport const SelectSource = () => {\n  const { filter, updateFilter, environment } = usePolicyReportsFilters();\n  const api = useApi(policyReporterApiRef);\n  const toast = useApi(toastApiRef);\n\n  const sourceOptions = useAsyncList<IdentifiedOption>({\n    async load({}) {\n      if (!environment) return { items: [] };\n      const response = await api.getSources({ query: { environment } });\n      const result = await response.json();\n\n      if (!response.ok) {\n        toast.post({\n          title: 'Failed to fetch sources',\n          description:\n            (result as unknown as RequestError).error ||\n            response.statusText ||\n            `Request failed with status ${response.status}`,\n          status: 'danger',\n        });\n        return { items: [] };\n      }\n\n      return {\n        items: result.map(s => ({ id: s, label: s })),\n      };\n    },\n  });\n\n  const sources = useMemo(() => {\n    if (sourceOptions.isLoading || sourceOptions.items.length === 0) {\n      return undefined;\n    }\n    return new Set(sourceOptions.items.map(s => s.label));\n  }, [sourceOptions.items, sourceOptions.isLoading]);\n\n  // useRef to avoid dependency on the useAsyncList result\n  const sourceRef = useRef(sourceOptions);\n  sourceRef.current = sourceOptions;\n\n  // Fetch sources again after changes to the environment\n  useEffect(() => {\n    sourceRef.current.reload();\n  }, [environment]);\n\n  const selectedSources = filter.sources ?? [];\n\n  // Keep a ref so the effect can read the latest selection without making it\n  // a dependency — the effect should only trigger when available sources change.\n  const selectedSourcesRef = useRef(selectedSources);\n  selectedSourcesRef.current = selectedSources;\n\n  useEffect(() => {\n    if (!sources) return;\n    const selected = selectedSourcesRef.current;\n\n    if (selected.every(source => sources.has(source))) return;\n\n    updateFilter({\n      sources: selected.filter(source => sources.has(source)),\n    });\n  }, [sources, updateFilter]);\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (!sources) return;\n\n    if (key === null) {\n      updateFilter({ sources: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        sources: sources.has(key as string) ? [key as string] : [],\n      });\n      return;\n    }\n\n    const filtered = key.filter((item): item is string =>\n      sources.has(item as string),\n    );\n    updateFilter({ sources: filtered });\n  };\n\n  return (\n    <Select\n      label=\"Source\"\n      selectionMode=\"multiple\"\n      options={sourceOptions}\n      value={selectedSources}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SelectStatus/SelectStatus.esm.js

@@ -37,8 +37,7 @@ const SelectStatus = () => {
       options: STATUS_OPTIONS,
       value: filter.status ?? [],
       onChange: handleChange,
-      placeholder: "All",
-      style: { width: 200 }
+      placeholder: "All"
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectStatus.esm.js","sources":["../../../src/components/SelectStatus/SelectStatus.tsx"],"sourcesContent":["import { Status } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Select } from '@backstage/ui';\nimport { Key } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\nconst STATUS_OPTIONS: { value: Status; label: string }[] = [\n  { value: 'fail', label: 'Fail' },\n  { value: 'skip', label: 'Skip' },\n  { value: 'pass', label: 'Pass' },\n  { value: 'warn', label: 'Warn' },\n  { value: 'error', label: 'Error' },\n  { value: 'summary', label: 'Summary' },\n];\n\nconst validStatuses = STATUS_OPTIONS.map(option => option.value);\n\nexport const SelectStatus = () => {\n  const { filter, updateFilter } = usePolicyReportsFilters();\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ status: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        status: validStatuses.includes(key as Status) ? [key as Status] : [],\n      });\n      return;\n    }\n\n    const filteredStatuses = key.filter((item): item is Status =>\n      validStatuses.includes(item as Status),\n    );\n    updateFilter({ status: filteredStatuses });\n  };\n\n  return (\n    <Select\n      label=\"Status\"\n      selectionMode=\"multiple\"\n      options={STATUS_OPTIONS}\n      value={filter.status ?? []}\n      onChange={handleChange}\n      placeholder=\"All\"\n      style={{ width: 200 }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAA,GAAqD;AAAA,EACzD,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAQ;AAAA,EACjC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA;AAC7B,CAAA;AAEA,MAAM,aAAA,GAAgB,cAAA,CAAe,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAExD,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAa,GAAI,uBAAA,EAAwB;AAEzD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KAA4B;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA,YAAA,CAAa,EAAE,MAAA,EAAQ,EAAC,EAAG,CAAA;AAC3B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACvB,MAAA,YAAA,CAAa;AAAA,QACX,MAAA,EAAQ,cAAc,QAAA,CAAS,GAAa,IAAI,CAAC,GAAa,IAAI;AAAC,OACpE,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,mBAAmB,GAAA,CAAI,MAAA;AAAA,MAAO,CAAC,IAAA,KACnC,aAAA,CAAc,QAAA,CAAS,IAAc;AAAA,KACvC;AACA,IAAA,YAAA,CAAa,EAAE,MAAA,EAAQ,gBAAA,EAAkB,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,aAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,cAAA;AAAA,MACT,KAAA,EAAO,MAAA,CAAO,MAAA,IAAU,EAAC;AAAA,MACzB,QAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,EAAE,KAAA,EAAO,GAAA;AAAI;AAAA,GACtB;AAEJ;;;;"}
+{"version":3,"file":"SelectStatus.esm.js","sources":["../../../src/components/SelectStatus/SelectStatus.tsx"],"sourcesContent":["import { Status } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { Select } from '@backstage/ui';\nimport { Key } from 'react';\nimport { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters';\n\nconst STATUS_OPTIONS: { value: Status; label: string }[] = [\n  { value: 'fail', label: 'Fail' },\n  { value: 'skip', label: 'Skip' },\n  { value: 'pass', label: 'Pass' },\n  { value: 'warn', label: 'Warn' },\n  { value: 'error', label: 'Error' },\n  { value: 'summary', label: 'Summary' },\n];\n\nconst validStatuses = STATUS_OPTIONS.map(option => option.value);\n\nexport const SelectStatus = () => {\n  const { filter, updateFilter } = usePolicyReportsFilters();\n\n  const handleChange = (key: Key | Key[] | null) => {\n    if (key === null) {\n      updateFilter({ status: [] });\n      return;\n    }\n\n    if (!Array.isArray(key)) {\n      updateFilter({\n        status: validStatuses.includes(key as Status) ? [key as Status] : [],\n      });\n      return;\n    }\n\n    const filteredStatuses = key.filter((item): item is Status =>\n      validStatuses.includes(item as Status),\n    );\n    updateFilter({ status: filteredStatuses });\n  };\n\n  return (\n    <Select\n      label=\"Status\"\n      selectionMode=\"multiple\"\n      options={STATUS_OPTIONS}\n      value={filter.status ?? []}\n      onChange={handleChange}\n      placeholder=\"All\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAA,GAAqD;AAAA,EACzD,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EAC/B,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAQ;AAAA,EACjC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA;AAC7B,CAAA;AAEA,MAAM,aAAA,GAAgB,cAAA,CAAe,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAExD,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAa,GAAI,uBAAA,EAAwB;AAEzD,EAAA,MAAM,YAAA,GAAe,CAAC,GAAA,KAA4B;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,MAAA,YAAA,CAAa,EAAE,MAAA,EAAQ,EAAC,EAAG,CAAA;AAC3B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA,EAAG;AACvB,MAAA,YAAA,CAAa;AAAA,QACX,MAAA,EAAQ,cAAc,QAAA,CAAS,GAAa,IAAI,CAAC,GAAa,IAAI;AAAC,OACpE,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,mBAAmB,GAAA,CAAI,MAAA;AAAA,MAAO,CAAC,IAAA,KACnC,aAAA,CAAc,QAAA,CAAS,IAAc;AAAA,KACvC;AACA,IAAA,YAAA,CAAa,EAAE,MAAA,EAAQ,gBAAA,EAAkB,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,QAAA;AAAA,MACN,aAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,cAAA;AAAA,MACT,KAAA,EAAO,MAAA,CAAO,MAAA,IAAU,EAAC;AAAA,MACzB,QAAA,EAAU,YAAA;AAAA,MACV,WAAA,EAAY;AAAA;AAAA,GACd;AAEJ;;;;"}

package/dist/hooks/usePolicyReportsFilters.esm.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import qs from 'qs';
-import { useMemo, useCallback, useLayoutEffect, createContext, useContext } from 'react';
+import { useMemo, useRef, useCallback, useLayoutEffect, createContext, useContext } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
 const PolicyReportsFiltersContext = createContext(void 0);
@@ -26,9 +26,11 @@ const PolicyReportsFiltersProvider = ({
     () => urlEnvironment ?? defaultEnvironment,
     [urlEnvironment, defaultEnvironment]
   );
+  const setSearchParamsRef = useRef(setSearchParams);
+  setSearchParamsRef.current = setSearchParams;
   const updateParams = useCallback(
     (update) => {
-      setSearchParams(
+      setSearchParamsRef.current(
         (prev) => {
           const prevParsed = qs.parse(prev.toString());
           const next = typeof update === "function" ? update(prevParsed) : update;
@@ -40,7 +42,7 @@ const PolicyReportsFiltersProvider = ({
         { replace: true }
       );
     },
-    [setSearchParams]
+    []
   );
   useLayoutEffect(() => {
     if (!urlEnvironment) {
@@ -49,7 +51,7 @@ const PolicyReportsFiltersProvider = ({
         environment: defaultEnvironment
       });
     }
-  }, [defaultEnvironment, urlEnvironment, defaultFilters]);
+  }, [defaultEnvironment, urlEnvironment, defaultFilters, updateParams]);
   const updateFilter = useCallback(
     (update) => {
       updateParams((prev) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"usePolicyReportsFilters.esm.js","sources":["../../src/hooks/usePolicyReportsFilters.tsx"],"sourcesContent":["import qs from 'qs';\nimport {\n  createContext,\n  PropsWithChildren,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n} from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport type { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport type PolicyReportsFiltersContextValue = {\n  filter: Filter;\n  updateFilter: (update: Partial<Filter>) => void;\n  environment: string;\n  setEnvironment: (entityRef: string) => void;\n};\n\nconst PolicyReportsFiltersContext = createContext<\n  PolicyReportsFiltersContextValue | undefined\n>(undefined);\n\nexport type PolicyReportsFiltersProviderProps = PropsWithChildren<{\n  /**\n   * Default filter values written to the URL\n   */\n  defaultFilters?: Partial<Filter>;\n  /**\n   * The entityRef of the environment to use\n   * when no ?environment= param is present in the URL.\n   */\n  defaultEnvironment: string;\n}>;\n\n/**\n * Provides shared filter state and selected environment for all policy report\n * filter components.\n */\nexport const PolicyReportsFiltersProvider = ({\n  children,\n  defaultFilters,\n  defaultEnvironment,\n}: PolicyReportsFiltersProviderProps) => {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const parsed = useMemo(\n    () => qs.parse(searchParams.toString()),\n    [searchParams],\n  );\n\n  const urlEnvironment = useMemo(\n    () => parsed.environment?.toString(),\n    [parsed],\n  );\n\n  // Use defaultFilters until the URL has been initialised (urlEnvironment set).\n  // After that, always read from the URL so an explicit empty filter is valid.\n  const filter = useMemo(\n    () =>\n      urlEnvironment ? ((parsed.filter ?? {}) as Filter) : defaultFilters ?? {},\n    [parsed, urlEnvironment, defaultFilters],\n  );\n\n  const environment = useMemo(\n    () => urlEnvironment ?? defaultEnvironment,\n    [urlEnvironment, defaultEnvironment],\n  );\n\n  const updateParams = useCallback(\n    (\n      update:\n        | Record<string, unknown>\n        | ((prev: Record<string, unknown>) => Record<string, unknown>),\n    ) => {\n      setSearchParams(\n        prev => {\n          const prevParsed = qs.parse(prev.toString());\n          const next =\n            typeof update === 'function' ? update(prevParsed) : update;\n          return qs.stringify(next, {\n            arrayFormat: 'indices',\n            skipNulls: true,\n          });\n        },\n        { replace: true },\n      );\n    },\n    [setSearchParams],\n  );\n\n  useLayoutEffect(() => {\n    if (!urlEnvironment) {\n      updateParams({\n        filter: defaultFilters,\n        environment: defaultEnvironment,\n      });\n    }\n    // setSearchParams isn't stable, hence disabling the exhaustive-deps check\n    // for more info please visit https://github.com/remix-run/react-router/issues/9991\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultEnvironment, urlEnvironment, defaultFilters]);\n\n  const updateFilter = useCallback(\n    (update: Partial<Filter>) => {\n      updateParams(prev => ({\n        ...prev,\n        filter: { ...(prev.filter as object), ...update },\n      }));\n    },\n    [updateParams],\n  );\n\n  const setEnvironment = useCallback(\n    (entityRef: string) => {\n      updateParams(prev => ({ ...prev, environment: entityRef }));\n    },\n    [updateParams],\n  );\n\n  const value = useMemo(\n    () => ({\n      filter,\n      updateFilter,\n      environment,\n      setEnvironment,\n    }),\n    [filter, updateFilter, environment, setEnvironment],\n  );\n\n  return (\n    <PolicyReportsFiltersContext.Provider value={value}>\n      {children}\n    </PolicyReportsFiltersContext.Provider>\n  );\n};\n\n/**\n * Hook for reading and updating policy report filters and the selected\n * environment. Must be used within a PolicyReportsFiltersProvider.\n */\nexport const usePolicyReportsFilters = (): PolicyReportsFiltersContextValue => {\n  const ctx = useContext(PolicyReportsFiltersContext);\n  if (!ctx) {\n    throw new Error(\n      'usePolicyReportsFilters must be used within PolicyReportsFiltersProvider',\n    );\n  }\n  return ctx;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePolicyReportsFilters.esm.js","sources":["../../src/hooks/usePolicyReportsFilters.tsx"],"sourcesContent":["import qs from 'qs';\nimport {\n  createContext,\n  PropsWithChildren,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport type { Filter } from '@kyverno/backstage-plugin-policy-reporter-common';\n\nexport type PolicyReportsFiltersContextValue = {\n  filter: Filter;\n  updateFilter: (update: Partial<Filter>) => void;\n  environment: string;\n  setEnvironment: (entityRef: string) => void;\n};\n\nconst PolicyReportsFiltersContext = createContext<\n  PolicyReportsFiltersContextValue | undefined\n>(undefined);\n\nexport type PolicyReportsFiltersProviderProps = PropsWithChildren<{\n  /**\n   * Default filter values written to the URL\n   */\n  defaultFilters?: Partial<Filter>;\n  /**\n   * The entityRef of the environment to use\n   * when no ?environment= param is present in the URL.\n   */\n  defaultEnvironment: string;\n}>;\n\n/**\n * Provides shared filter state and selected environment for all policy report\n * filter components.\n */\nexport const PolicyReportsFiltersProvider = ({\n  children,\n  defaultFilters,\n  defaultEnvironment,\n}: PolicyReportsFiltersProviderProps) => {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const parsed = useMemo(\n    () => qs.parse(searchParams.toString()),\n    [searchParams],\n  );\n\n  const urlEnvironment = useMemo(\n    () => parsed.environment?.toString(),\n    [parsed],\n  );\n\n  // Use defaultFilters until the URL has been initialised (urlEnvironment set).\n  // After that, always read from the URL so an explicit empty filter is valid.\n  const filter = useMemo(\n    () =>\n      urlEnvironment ? ((parsed.filter ?? {}) as Filter) : defaultFilters ?? {},\n    [parsed, urlEnvironment, defaultFilters],\n  );\n\n  const environment = useMemo(\n    () => urlEnvironment ?? defaultEnvironment,\n    [urlEnvironment, defaultEnvironment],\n  );\n\n  // setSearchParams is not stable (https://github.com/remix-run/react-router/issues/9991),\n  // so we hold it in a ref to keep updateParams/updateFilter stable across renders.\n  const setSearchParamsRef = useRef(setSearchParams);\n  setSearchParamsRef.current = setSearchParams;\n\n  const updateParams = useCallback(\n    (\n      update:\n        | Record<string, unknown>\n        | ((prev: Record<string, unknown>) => Record<string, unknown>),\n    ) => {\n      setSearchParamsRef.current(\n        prev => {\n          const prevParsed = qs.parse(prev.toString());\n          const next =\n            typeof update === 'function' ? update(prevParsed) : update;\n          return qs.stringify(next, {\n            arrayFormat: 'indices',\n            skipNulls: true,\n          });\n        },\n        { replace: true },\n      );\n    },\n    [],\n  );\n\n  useLayoutEffect(() => {\n    if (!urlEnvironment) {\n      updateParams({\n        filter: defaultFilters,\n        environment: defaultEnvironment,\n      });\n    }\n  }, [defaultEnvironment, urlEnvironment, defaultFilters, updateParams]);\n\n  const updateFilter = useCallback(\n    (update: Partial<Filter>) => {\n      updateParams(prev => ({\n        ...prev,\n        filter: { ...(prev.filter as object), ...update },\n      }));\n    },\n    [updateParams],\n  );\n\n  const setEnvironment = useCallback(\n    (entityRef: string) => {\n      updateParams(prev => ({ ...prev, environment: entityRef }));\n    },\n    [updateParams],\n  );\n\n  const value = useMemo(\n    () => ({\n      filter,\n      updateFilter,\n      environment,\n      setEnvironment,\n    }),\n    [filter, updateFilter, environment, setEnvironment],\n  );\n\n  return (\n    <PolicyReportsFiltersContext.Provider value={value}>\n      {children}\n    </PolicyReportsFiltersContext.Provider>\n  );\n};\n\n/**\n * Hook for reading and updating policy report filters and the selected\n * environment. Must be used within a PolicyReportsFiltersProvider.\n */\nexport const usePolicyReportsFilters = (): PolicyReportsFiltersContextValue => {\n  const ctx = useContext(PolicyReportsFiltersContext);\n  if (!ctx) {\n    throw new Error(\n      'usePolicyReportsFilters must be used within PolicyReportsFiltersProvider',\n    );\n  }\n  return ctx;\n};\n"],"names":[],"mappings":"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"}

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, policyDocumentationUrl, }: PolicyReportsPageProps) => react_jsx_runtime.JSX.Element;
+declare const PolicyReportsPage: ({ title, policyDocumentationUrl, subtitle, }: PolicyReportsPageProps) => react_jsx_runtime.JSX.Element;
 
 export { EntityCustomPoliciesContent, EntityKyvernoPoliciesContent, PolicyReportsPage, policyReporterPlugin };

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@kyverno/backstage-plugin-policy-reporter";
-var version = "2.8.0";
+var version = "2.10.0";
 var main = "src/index.ts";
 var types = "src/index.ts";
 var license = "Apache-2.0";
@@ -20,7 +20,8 @@ var backstage = {
 var publishConfig = {
 	access: "public",
 	main: "dist/index.esm.js",
-	types: "dist/index.d.ts"
+	types: "dist/index.d.ts",
+	provenance: true
 };
 var exports$1 = {
 	".": "./src/index.ts",
@@ -65,6 +66,7 @@ var dependencies = {
 	"@material-ui/core": "^4.12.4",
 	"@material-ui/icons": "^4.11.3",
 	"@material-ui/lab": "4.0.0-alpha.61",
+	"@remixicon/react": ">=4.6.0 <4.9.0",
 	qs: "^6.15.0",
 	"react-use": "^17.6.0"
 };

package/dist/package.json.esm.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyverno/backstage-plugin-policy-reporter",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -24,7 +24,8 @@
   "publishConfig": {
     "access": "public",
     "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "types": "dist/index.d.ts",
+    "provenance": true
   },
   "exports": {
     ".": {
@@ -66,18 +67,19 @@
     "directory": "plugins/policy-reporter"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.15.0",
-    "@backstage/catalog-model": "^1.8.0",
-    "@backstage/core-components": "^0.18.9",
-    "@backstage/core-plugin-api": "^1.12.5",
-    "@backstage/frontend-plugin-api": "^0.16.2",
-    "@backstage/plugin-catalog-react": "^2.1.4",
+    "@backstage/catalog-client": "^1.16.0",
+    "@backstage/catalog-model": "^1.9.0",
+    "@backstage/core-components": "^0.18.11",
+    "@backstage/core-plugin-api": "^1.12.7",
+    "@backstage/frontend-plugin-api": "^0.17.2",
+    "@backstage/plugin-catalog-react": "^3.1.0",
     "@backstage/theme": "^0.7.3",
-    "@backstage/ui": "^0.14.3",
-    "@kyverno/backstage-plugin-policy-reporter-common": "^2.4.0",
+    "@backstage/ui": "^0.16.0",
+    "@kyverno/backstage-plugin-policy-reporter-common": "^2.5.0",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
+    "@remixicon/react": ">=4.6.0 <4.9.0",
     "qs": "^6.15.0",
     "react-use": "^17.6.0"
   },
@@ -86,10 +88,10 @@
     "react-router-dom": "^6.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.1",
-    "@backstage/core-app-api": "^1.20.0",
-    "@backstage/dev-utils": "^1.1.22",
-    "@backstage/test-utils": "^1.7.17",
+    "@backstage/cli": "^0.36.3",
+    "@backstage/core-app-api": "^1.20.2",
+    "@backstage/dev-utils": "^1.1.24",
+    "@backstage/test-utils": "^1.7.19",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
@@ -99,5 +101,6 @@
   "files": [
     "dist"
   ],
-  "module": "./dist/index.esm.js"
+  "module": "./dist/index.esm.js",
+  "provenance": true
 }

package/dist/hooks/useNamespaces.esm.js

@@ -1,28 +0,0 @@
-import { useAsync } from 'react-use';
-import { useApi } from '@backstage/core-plugin-api';
-import { policyReporterApiRef } from '../api/PolicyReporterClient.esm.js';
-
-const useNamespaces = (entityRef) => {
-  const api = useApi(policyReporterApiRef);
-  const {
-    value: namespaces,
-    loading,
-    error
-  } = useAsync(async () => {
-    if (!entityRef) {
-      return [];
-    }
-    const response = await api.getNamespaces({
-      query: { environment: entityRef }
-    });
-    return response.json();
-  }, [api, entityRef]);
-  return {
-    namespaces: namespaces ?? [],
-    loading,
-    error
-  };
-};
-
-export { useNamespaces };
-//# sourceMappingURL=useNamespaces.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useNamespaces.esm.js","sources":["../../src/hooks/useNamespaces.ts"],"sourcesContent":["import { useAsync } from 'react-use';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { policyReporterApiRef } from '../api';\n\nexport const useNamespaces = (entityRef?: string) => {\n  const api = useApi(policyReporterApiRef);\n\n  const {\n    value: namespaces,\n    loading,\n    error,\n  } = useAsync(async () => {\n    if (!entityRef) {\n      return [];\n    }\n\n    const response = await api.getNamespaces({\n      query: { environment: entityRef },\n    });\n    return response.json();\n  }, [api, entityRef]);\n\n  return {\n    namespaces: namespaces ?? [],\n    loading,\n    error,\n  };\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAA,GAAgB,CAAC,SAAA,KAAuB;AACnD,EAAA,MAAM,GAAA,GAAM,OAAO,oBAAoB,CAAA;AAEvC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CAAI,aAAA,CAAc;AAAA,MACvC,KAAA,EAAO,EAAE,WAAA,EAAa,SAAA;AAAU,KACjC,CAAA;AACD,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB,CAAA,EAAG,CAAC,GAAA,EAAK,SAAS,CAAC,CAAA;AAEnB,EAAA,OAAO;AAAA,IACL,UAAA,EAAY,cAAc,EAAC;AAAA,IAC3B,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}