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

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

@@ -1 +1 @@
-{"version":3,"file":"EntityKyvernoPoliciesContent.esm.js","sources":["../../../src/components/EntityKyvernoPoliciesContent/EntityKyvernoPoliciesContent.tsx"],"sourcesContent":["import {\n  Content,\n  ContentHeader,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Grid } from '@material-ui/core';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport {\n  getKinds,\n  getNamespaces,\n  getResourceName,\n  isPolicyReporterAvailable,\n} from '../../utils/annotations';\nimport { MissingEnvironmentsEmptyState } from '../MissingEnvironmentsEmptyState';\nimport { useEntityEnvironment } from '../../hooks/useEntityEnvironment';\nimport { KYVERNO_RESOURCE_NAME_ANNOTATION } from '@kyverno/backstage-plugin-policy-reporter-common';\n\ntype KyvernoPoliciesContentProps = {\n  annotationsDocumentationUrl?: string;\n  policyDocumentationUrl?: string;\n};\n\ntype PageContentProps = {\n  children: React.ReactNode;\n};\n\nconst PageContent = ({ children }: PageContentProps) => (\n  <Page themeId=\"tool\">\n    <Content>{children}</Content>\n  </Page>\n);\n\nexport const EntityKyvernoPoliciesContent = ({\n  annotationsDocumentationUrl,\n  policyDocumentationUrl,\n}: KyvernoPoliciesContentProps) => {\n  const { entity } = useEntity();\n  const annotations = entity.metadata.annotations;\n\n  // Boolean variable to validate that entity have required annotations\n  const annotationsState = isPolicyReporterAvailable(entity);\n\n  const {\n    environments,\n    environmentsLoading,\n    setCurrentEnvironment,\n    currentEnvironment,\n  } = useEntityEnvironment(entity, annotationsState);\n\n  // Annotations missing\n  if (!annotationsState)\n    return (\n      <PageContent>\n        <MissingAnnotationEmptyState\n          readMoreUrl={annotationsDocumentationUrl}\n          annotation={KYVERNO_RESOURCE_NAME_ANNOTATION}\n        />\n      </PageContent>\n    );\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (environments === undefined || !currentEnvironment)\n    return (\n      <PageContent>\n        <MissingEnvironmentsEmptyState entity={entity} />\n      </PageContent>\n    );\n\n  const namespaces = getNamespaces(annotations);\n  const kinds = getKinds(annotations);\n  const resourceName = getResourceName(annotations);\n\n  return (\n    <PageContent>\n      <ContentHeader title=\"Kyverno Policy Reports\">\n        <SelectEnvironment\n          environments={environments}\n          currentEnvironment={currentEnvironment}\n          setCurrentEnvironment={setCurrentEnvironment}\n        />\n      </ContentHeader>\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources: ['kyverno'],\n              kinds,\n              status: ['fail', 'warn', 'error'],\n              search: resourceName,\n            }}\n            title=\"Failing Policy Results\"\n            emptyContentText=\"No failing policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources: ['kyverno'],\n              kinds,\n              status: ['pass'],\n              search: resourceName,\n            }}\n            title=\"Passing Policy Results\"\n            emptyContentText=\"No passing policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n        <Grid item xs={12}>\n          <PolicyReportsTable\n            currentEnvironment={currentEnvironment}\n            filter={{\n              namespaces,\n              sources: ['kyverno'],\n              kinds,\n              status: ['skip'],\n              search: resourceName,\n            }}\n            title=\"Skipped Policy Results\"\n            emptyContentText=\"No skipped policies\"\n            policyDocumentationUrl={policyDocumentationUrl}\n            enableSearch={false}\n          />\n        </Grid>\n      </Grid>\n    </PageContent>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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;;;;"}

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

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

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

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

package/dist/components/MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.esm.js

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import { makeStyles } from '@material-ui/core/styles';

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

@@ -1 +1 @@
-{"version":3,"file":"MissingEnvironmentsEmptyState.esm.js","sources":["../../../src/components/MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.tsx"],"sourcesContent":["import Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { CodeSnippet, Link, EmptyState } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: theme.spacing(2, 0),\n      background:\n        theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\n    },\n  }),\n  { name: 'BackstageMissingAnnotationEmptyState' },\n);\n\nfunction generateYamlExample(entity?: Entity): {\n  yamlText: string;\n  lineNumbers: number[];\n} {\n  const kind = entity?.kind || 'Component';\n  const name = entity?.metadata.name || 'example';\n  const type = entity?.spec?.type || 'website';\n  const owner = entity?.spec?.owner || 'user:default/guest';\n\n  const yamlText = `apiVersion: backstage.io/v1alpha1\nkind: ${kind}\nmetadata:\n  name: ${name}\nspec:\n  type: ${type}\n  owner: ${owner}\n  dependsOn: \n   - value`;\n\n  const lineNumbers: number[] = [9];\n\n  return {\n    yamlText,\n    lineNumbers,\n  };\n}\n\nexport const MissingEnvironmentsEmptyState = (props: {\n  readMoreUrl?: string;\n  entity?: Entity;\n}) => {\n  const { entity, readMoreUrl } = props;\n  const url =\n    readMoreUrl ||\n    'https://backstage.io/docs/features/software-catalog/descriptor-format#specdependson-optional';\n\n  const classes = useStyles();\n\n  const entityKind = entity?.kind || 'Component';\n  const { yamlText, lineNumbers } = generateYamlExample(entity);\n  return (\n    <EmptyState\n      missing=\"field\"\n      title=\"Missing Valid Environment Dependency\"\n      description={\n        <>\n          You need to add a dependency to a kubernetes-cluster Resource with a\n          kyverno.io/endpoint annotation defined if you want to use this plugin.\n        </>\n      }\n      action={\n        <>\n          <Typography variant=\"body1\">\n            Add the resource dependency to your {entityKind} YAML as shown in\n            the highlighted example below:\n          </Typography>\n          <Box className={classes.code}>\n            <CodeSnippet\n              text={yamlText}\n              language=\"yaml\"\n              showLineNumbers\n              highlightedNumbers={lineNumbers}\n              customStyle={{ background: 'inherit', fontSize: '115%' }}\n            />\n          </Box>\n          <Button color=\"primary\" component={Link} to={url}>\n            Read more\n          </Button>\n        </>\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,CAAA;AAAA,MACd,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,MAC1B,UAAA,EACE,MAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,MAAS,GAAA,KAAA,CAAM,QAAQ,MAAO,CAAA;AAAA;AAClE,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sCAAuC;AACjD,CAAA;AAEA,SAAS,oBAAoB,MAG3B,EAAA;AACA,EAAM,MAAA,IAAA,GAAO,QAAQ,IAAQ,IAAA,WAAA;AAC7B,EAAM,MAAA,IAAA,GAAO,MAAQ,EAAA,QAAA,CAAS,IAAQ,IAAA,SAAA;AACtC,EAAM,MAAA,IAAA,GAAO,MAAQ,EAAA,IAAA,EAAM,IAAQ,IAAA,SAAA;AACnC,EAAM,MAAA,KAAA,GAAQ,MAAQ,EAAA,IAAA,EAAM,KAAS,IAAA,oBAAA;AAErC,EAAA,MAAM,QAAW,GAAA,CAAA;AAAA,MAAA,EACX,IAAI;AAAA;AAAA,QAAA,EAEF,IAAI;AAAA;AAAA,QAAA,EAEJ,IAAI;AAAA,SAAA,EACH,KAAK;AAAA;AAAA,UAAA,CAAA;AAId,EAAM,MAAA,WAAA,GAAwB,CAAC,CAAC,CAAA;AAEhC,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA;AAAA,GACF;AACF;AAEa,MAAA,6BAAA,GAAgC,CAAC,KAGxC,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,WAAA,EAAgB,GAAA,KAAA;AAChC,EAAA,MAAM,MACJ,WACA,IAAA,8FAAA;AAEF,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAM,MAAA,UAAA,GAAa,QAAQ,IAAQ,IAAA,WAAA;AACnC,EAAA,MAAM,EAAE,QAAA,EAAU,WAAY,EAAA,GAAI,oBAAoB,MAAM,CAAA;AAC5D,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,sCAAA;AAAA,MACN,WAAA,kCACI,QAGF,EAAA,6IAAA,EAAA,CAAA;AAAA,MAEF,wBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,QAAA,EAAA;AAAA,UAAA,sCAAA;AAAA,UACW,UAAA;AAAA,UAAW;AAAA,SAElD,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAM,EAAA,QAAA;AAAA,YACN,QAAS,EAAA,MAAA;AAAA,YACT,eAAe,EAAA,IAAA;AAAA,YACf,kBAAoB,EAAA,WAAA;AAAA,YACpB,WAAa,EAAA,EAAE,UAAY,EAAA,SAAA,EAAW,UAAU,MAAO;AAAA;AAAA,SAE3D,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,UAAO,KAAM,EAAA,SAAA,EAAU,WAAW,IAAM,EAAA,EAAA,EAAI,KAAK,QAElD,EAAA,WAAA,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"MissingEnvironmentsEmptyState.esm.js","sources":["../../../src/components/MissingEnvironmentsEmptyState/MissingEnvironmentsEmptyState.tsx"],"sourcesContent":["import Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { CodeSnippet, Link, EmptyState } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(\n  theme => ({\n    code: {\n      borderRadius: 6,\n      margin: theme.spacing(2, 0),\n      background:\n        theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\n    },\n  }),\n  { name: 'BackstageMissingAnnotationEmptyState' },\n);\n\nfunction generateYamlExample(entity?: Entity): {\n  yamlText: string;\n  lineNumbers: number[];\n} {\n  const kind = entity?.kind || 'Component';\n  const name = entity?.metadata.name || 'example';\n  const type = entity?.spec?.type || 'website';\n  const owner = entity?.spec?.owner || 'user:default/guest';\n\n  const yamlText = `apiVersion: backstage.io/v1alpha1\nkind: ${kind}\nmetadata:\n  name: ${name}\nspec:\n  type: ${type}\n  owner: ${owner}\n  dependsOn: \n   - value`;\n\n  const lineNumbers: number[] = [9];\n\n  return {\n    yamlText,\n    lineNumbers,\n  };\n}\n\nexport const MissingEnvironmentsEmptyState = (props: {\n  readMoreUrl?: string;\n  entity?: Entity;\n}) => {\n  const { entity, readMoreUrl } = props;\n  const url =\n    readMoreUrl ||\n    'https://backstage.io/docs/features/software-catalog/descriptor-format#specdependson-optional';\n\n  const classes = useStyles();\n\n  const entityKind = entity?.kind || 'Component';\n  const { yamlText, lineNumbers } = generateYamlExample(entity);\n  return (\n    <EmptyState\n      missing=\"field\"\n      title=\"Missing Valid Environment Dependency\"\n      description={\n        <>\n          You need to add a dependency to a kubernetes-cluster Resource with a\n          kyverno.io/endpoint annotation defined if you want to use this plugin.\n        </>\n      }\n      action={\n        <>\n          <Typography variant=\"body1\">\n            Add the resource dependency to your {entityKind} YAML as shown in\n            the highlighted example below:\n          </Typography>\n          <Box className={classes.code}>\n            <CodeSnippet\n              text={yamlText}\n              language=\"yaml\"\n              showLineNumbers\n              highlightedNumbers={lineNumbers}\n              customStyle={{ background: 'inherit', fontSize: '115%' }}\n            />\n          </Box>\n          <Button color=\"primary\" component={Link} to={url}>\n            Read more\n          </Button>\n        </>\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAA,KAAA,MAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,YAAA,EAAc,CAAA;AAAA,MACd,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,MAC1B,UAAA,EACE,MAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,MAAA,GAAS,KAAA,CAAM,QAAQ,MAAA,CAAO;AAAA;AAClE,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sCAAA;AACV,CAAA;AAEA,SAAS,oBAAoB,MAAA,EAG3B;AACA,EAAA,MAAM,IAAA,GAAO,QAAQ,IAAA,IAAQ,WAAA;AAC7B,EAAA,MAAM,IAAA,GAAO,MAAA,EAAQ,QAAA,CAAS,IAAA,IAAQ,SAAA;AACtC,EAAA,MAAM,IAAA,GAAO,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,SAAA;AACnC,EAAA,MAAM,KAAA,GAAQ,MAAA,EAAQ,IAAA,EAAM,KAAA,IAAS,oBAAA;AAErC,EAAA,MAAM,QAAA,GAAW,CAAA;AAAA,MAAA,EACX,IAAI;AAAA;AAAA,QAAA,EAEF,IAAI;AAAA;AAAA,QAAA,EAEJ,IAAI;AAAA,SAAA,EACH,KAAK;AAAA;AAAA,UAAA,CAAA;AAId,EAAA,MAAM,WAAA,GAAwB,CAAC,CAAC,CAAA;AAEhC,EAAA,OAAO;AAAA,IACL,QAAA;AAAA,IACA;AAAA,GACF;AACF;AAEO,MAAM,6BAAA,GAAgC,CAAC,KAAA,KAGxC;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,KAAA;AAChC,EAAA,MAAM,MACJ,WAAA,IACA,8FAAA;AAEF,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM,UAAA,GAAa,QAAQ,IAAA,IAAQ,WAAA;AACnC,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAY,GAAI,oBAAoB,MAAM,CAAA;AAC5D,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,sCAAA;AAAA,MACN,WAAA,kCACI,QAAA,EAAA,6IAAA,EAGF,CAAA;AAAA,MAEF,wBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,QAAA,EAAA;AAAA,UAAA,sCAAA;AAAA,UACW,UAAA;AAAA,UAAW;AAAA,SAAA,EAElD,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,QAAA;AAAA,YACN,QAAA,EAAS,MAAA;AAAA,YACT,eAAA,EAAe,IAAA;AAAA,YACf,kBAAA,EAAoB,WAAA;AAAA,YACpB,WAAA,EAAa,EAAE,UAAA,EAAY,SAAA,EAAW,UAAU,MAAA;AAAO;AAAA,SACzD,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,UAAO,KAAA,EAAM,SAAA,EAAU,WAAW,IAAA,EAAM,EAAA,EAAI,KAAK,QAAA,EAAA,WAAA,EAElD;AAAA,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Paper, Box, Typography, Card, CardHeader, CardContent, Grid, Divider } from '@material-ui/core';
+import { Paper, Box, Typography, Card, CardHeader, CardContent, Grid, Divider, makeStyles } from '@material-ui/core';
 import { SeverityComponent } from '../SeverityComponent/SeverityComponent.esm.js';
 import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsDrawerComponent.esm.js","sources":["../../../src/components/PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.tsx"],"sourcesContent":["import { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n  Divider,\n  Grid,\n  Box,\n  Paper,\n  makeStyles,\n  GridProps,\n} from '@material-ui/core';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { StatusComponent } from '../StatusComponent';\n\ninterface PolicyReportsDrawerProps {\n  content: ListResult | undefined;\n}\n\n// Material-UI styles\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    maxWidth: 800,\n  },\n  sectionTitle: {\n    marginBottom: theme.spacing(1),\n    fontWeight: 500,\n  },\n  propertyLabel: {\n    color: theme.palette.text.secondary,\n    fontWeight: 500,\n  },\n  propertyValue: {\n    textAlign: 'right',\n  },\n  propertyContainer: {\n    marginBottom: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  divider: {\n    margin: theme.spacing(2, 0),\n  },\n  message: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n    color: 'black',\n  },\n  propertiesContainer: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n  },\n  propertyItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    padding: theme.spacing(1, 0),\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\ninterface GridItemProps extends GridProps {\n  label: string;\n  value: string | React.ReactNode;\n}\n\nconst GridItem = ({ label, value, ...gridProps }: GridItemProps) => {\n  const classes = useStyles();\n  const isString = typeof value === 'string';\n\n  return (\n    <Grid item {...gridProps}>\n      <Box className={classes.propertyContainer}>\n        <Typography variant=\"body2\" className={classes.propertyLabel}>\n          {label}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          className={classes.propertyValue}\n          component={isString ? 'p' : 'div'}\n        >\n          {value}\n        </Typography>\n      </Box>\n    </Grid>\n  );\n};\n\nexport const PolicyReportsDrawerComponent = ({\n  content,\n}: PolicyReportsDrawerProps) => {\n  const classes = useStyles();\n\n  if (!content) {\n    return (\n      <Paper className={classes.root}>\n        <Box p={2}>\n          <Typography variant=\"body1\" color=\"textSecondary\">\n            No policy information available\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  // Format timestamp to readable date\n  const formattedDate = new Date(content.timestamp * 1000).toLocaleString();\n\n  return (\n    <Card className={classes.root} data-testid=\"policy-reports-drawer\">\n      <CardHeader title=\"Policy Details\" />\n      <CardContent>\n        {/* General Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          General Information\n        </Typography>\n        <Grid container spacing={2}>\n          {[\n            { label: 'ID', value: content.id },\n            { label: 'Name', value: content.name },\n            { label: 'Namespace', value: content.namespace },\n            { label: 'Kind', value: content.kind },\n            { label: 'Resource ID', value: content.resourceId },\n            { label: 'Timestamp', value: formattedDate },\n          ].map(({ label, value }, index) => (\n            <GridItem label={label} key={index} value={value} xs={12} md={6} />\n          ))}\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Status Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Status Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem\n            label=\"Status\"\n            value={<StatusComponent status={content.status} />}\n            xs={12}\n            md={6}\n          />\n          <GridItem\n            label=\"Severity\"\n            value={<SeverityComponent severity={content.severity} />}\n            xs={12}\n            md={6}\n          />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Policy Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Policy Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem label=\"Policy\" value={content.policy} xs={12} />\n          <GridItem label=\"Rule\" value={content.rule} xs={12} />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Message */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Message\n        </Typography>\n        <Paper elevation={0} className={classes.message}>\n          <Typography variant=\"body2\">{content.message}</Typography>\n        </Paper>\n\n        {/* Additional Properties */}\n        {content.properties && Object.keys(content.properties).length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <Typography variant=\"h6\" className={classes.sectionTitle}>\n              Additional Properties\n            </Typography>\n            <Paper elevation={0} className={classes.propertiesContainer}>\n              {Object.entries(content.properties).map(([key, value]) => (\n                <Box key={key} className={classes.propertyItem}>\n                  <Typography variant=\"body2\" className={classes.propertyLabel}>\n                    {key}\n                  </Typography>\n                  <Typography variant=\"body2\">{value}</Typography>\n                </Box>\n              ))}\n            </Paper>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PolicyReportsDrawerComponent.esm.js","sources":["../../../src/components/PolicyReportsDrawerComponent/PolicyReportsDrawerComponent.tsx"],"sourcesContent":["import { ListResult } from '@kyverno/backstage-plugin-policy-reporter-common';\nimport {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n  Divider,\n  Grid,\n  Box,\n  Paper,\n  makeStyles,\n  GridProps,\n} from '@material-ui/core';\nimport { SeverityComponent } from '../SeverityComponent';\nimport { StatusComponent } from '../StatusComponent';\n\ninterface PolicyReportsDrawerProps {\n  content: ListResult | undefined;\n}\n\n// Material-UI styles\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(2),\n    maxWidth: 800,\n  },\n  sectionTitle: {\n    marginBottom: theme.spacing(1),\n    fontWeight: 500,\n  },\n  propertyLabel: {\n    color: theme.palette.text.secondary,\n    fontWeight: 500,\n  },\n  propertyValue: {\n    textAlign: 'right',\n  },\n  propertyContainer: {\n    marginBottom: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  divider: {\n    margin: theme.spacing(2, 0),\n  },\n  message: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n    color: 'black',\n  },\n  propertiesContainer: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.grey[50],\n    borderRadius: theme.shape.borderRadius,\n  },\n  propertyItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    padding: theme.spacing(1, 0),\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\ninterface GridItemProps extends GridProps {\n  label: string;\n  value: string | React.ReactNode;\n}\n\nconst GridItem = ({ label, value, ...gridProps }: GridItemProps) => {\n  const classes = useStyles();\n  const isString = typeof value === 'string';\n\n  return (\n    <Grid item {...gridProps}>\n      <Box className={classes.propertyContainer}>\n        <Typography variant=\"body2\" className={classes.propertyLabel}>\n          {label}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          className={classes.propertyValue}\n          component={isString ? 'p' : 'div'}\n        >\n          {value}\n        </Typography>\n      </Box>\n    </Grid>\n  );\n};\n\nexport const PolicyReportsDrawerComponent = ({\n  content,\n}: PolicyReportsDrawerProps) => {\n  const classes = useStyles();\n\n  if (!content) {\n    return (\n      <Paper className={classes.root}>\n        <Box p={2}>\n          <Typography variant=\"body1\" color=\"textSecondary\">\n            No policy information available\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  // Format timestamp to readable date\n  const formattedDate = new Date(content.timestamp * 1000).toLocaleString();\n\n  return (\n    <Card className={classes.root} data-testid=\"policy-reports-drawer\">\n      <CardHeader title=\"Policy Details\" />\n      <CardContent>\n        {/* General Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          General Information\n        </Typography>\n        <Grid container spacing={2}>\n          {[\n            { label: 'ID', value: content.id },\n            { label: 'Name', value: content.name },\n            { label: 'Namespace', value: content.namespace },\n            { label: 'Kind', value: content.kind },\n            { label: 'Resource ID', value: content.resourceId },\n            { label: 'Timestamp', value: formattedDate },\n          ].map(({ label, value }, index) => (\n            <GridItem label={label} key={index} value={value} xs={12} md={6} />\n          ))}\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Status Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Status Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem\n            label=\"Status\"\n            value={<StatusComponent status={content.status} />}\n            xs={12}\n            md={6}\n          />\n          <GridItem\n            label=\"Severity\"\n            value={<SeverityComponent severity={content.severity} />}\n            xs={12}\n            md={6}\n          />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Policy Information */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Policy Information\n        </Typography>\n        <Grid container spacing={2}>\n          <GridItem label=\"Policy\" value={content.policy} xs={12} />\n          <GridItem label=\"Rule\" value={content.rule} xs={12} />\n        </Grid>\n\n        <Divider className={classes.divider} />\n\n        {/* Message */}\n        <Typography variant=\"h6\" className={classes.sectionTitle}>\n          Message\n        </Typography>\n        <Paper elevation={0} className={classes.message}>\n          <Typography variant=\"body2\">{content.message}</Typography>\n        </Paper>\n\n        {/* Additional Properties */}\n        {content.properties && Object.keys(content.properties).length > 0 && (\n          <>\n            <Divider className={classes.divider} />\n            <Typography variant=\"h6\" className={classes.sectionTitle}>\n              Additional Properties\n            </Typography>\n            <Paper elevation={0} className={classes.propertiesContainer}>\n              {Object.entries(content.properties).map(([key, value]) => (\n                <Box key={key} className={classes.propertyItem}>\n                  <Typography variant=\"body2\" className={classes.propertyLabel}>\n                    {key}\n                  </Typography>\n                  <Typography variant=\"body2\">{value}</Typography>\n                </Box>\n              ))}\n            </Paper>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,aAAA,EAAe;AAAA,IACb,SAAA,EAAW;AAAA,GACb;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,OAAA,EAAS,MAAA;AAAA,IACT,cAAA,EAAgB;AAAA,GAClB;AAAA,EACA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC;AAAA,GAC5B;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA;AAAA,IACtC,YAAA,EAAc,MAAM,KAAA,CAAM,YAAA;AAAA,IAC1B,KAAA,EAAO;AAAA,GACT;AAAA,EACA,mBAAA,EAAqB;AAAA,IACnB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA;AAAA,IACtC,YAAA,EAAc,MAAM,KAAA,CAAM;AAAA,GAC5B;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,cAAA,EAAgB,eAAA;AAAA,IAChB,YAAA,EAAc,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,IAChD,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,IAC3B,cAAA,EAAgB;AAAA,MACd,YAAA,EAAc;AAAA;AAChB;AAEJ,CAAA,CAAE,CAAA;AAOF,MAAM,WAAW,CAAC,EAAE,OAAO,KAAA,EAAO,GAAG,WAAU,KAAqB;AAClE,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAU,QAAA;AAElC,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAE,GAAG,WACb,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,iBAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,eAC5C,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,WAAW,OAAA,CAAQ,aAAA;AAAA,QACnB,SAAA,EAAW,WAAW,GAAA,GAAM,KAAA;AAAA,QAE3B,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA,EACF,CAAA;AAEJ,CAAA;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,2BACG,KAAA,EAAA,EAAM,SAAA,EAAW,OAAA,CAAQ,IAAA,EACxB,8BAAC,GAAA,EAAA,EAAI,CAAA,EAAG,CAAA,EACN,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,OAAM,eAAA,EAAgB,QAAA,EAAA,iCAAA,EAElD,GACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAGA,EAAA,MAAM,gBAAgB,IAAI,IAAA,CAAK,QAAQ,SAAA,GAAY,GAAI,EAAE,cAAA,EAAe;AAExE,EAAA,4BACG,IAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,eAAY,uBAAA,EACzC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,gBAAA,EAAiB,CAAA;AAAA,yBAClC,WAAA,EAAA,EAEC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,cAAc,QAAA,EAAA,qBAAA,EAE1D,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACtB,QAAA,EAAA;AAAA,QACC,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,QAAQ,EAAA,EAAG;AAAA,QACjC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,IAAA,EAAK;AAAA,QACrC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,QAAQ,SAAA,EAAU;AAAA,QAC/C,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,IAAA,EAAK;AAAA,QACrC,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,QAAQ,UAAA,EAAW;AAAA,QAClD,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,aAAA;AAAc,QAC3C,GAAA,CAAI,CAAC,EAAE,KAAA,EAAO,KAAA,IAAS,KAAA,qBACvB,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAA0B,OAAc,EAAA,EAAI,EAAA,EAAI,IAAI,CAAA,EAAA,EAAjC,KAAoC,CAClE,CAAA,EACH,CAAA;AAAA,sBAEA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,CAAA;AAAA,0BAGpC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAK,SAAA,EAAW,OAAA,CAAQ,cAAc,QAAA,EAAA,oBAAA,EAE1D,CAAA;AAAA,sBACA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACvB,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,QAAA;AAAA,YACN,KAAA,kBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,MAAA,EAAQ,QAAQ,MAAA,EAAQ,CAAA;AAAA,YAChD,EAAA,EAAI,EAAA;AAAA,YACJ,EAAA,EAAI;AAAA;AAAA,SACN;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,UAAA;AAAA,YACN,KAAA,kBAAO,GAAA,CAAC,iBAAA,EAAA,EAAkB,QAAA,EAAU,QAAQ,QAAA,EAAU,CAAA;AAAA,YACtD,EAAA,EAAI,EAAA;AAAA,YACJ,EAAA,EAAI;AAAA;AAAA;AACN,OAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,CAAA;AAAA,0BAGpC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAK,SAAA,EAAW,OAAA,CAAQ,cAAc,QAAA,EAAA,oBAAA,EAE1D,CAAA;AAAA,sBACA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACvB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,KAAA,EAAM,QAAA,EAAS,OAAO,OAAA,CAAQ,MAAA,EAAQ,IAAI,EAAA,EAAI,CAAA;AAAA,wBACxD,GAAA,CAAC,YAAS,KAAA,EAAM,MAAA,EAAO,OAAO,OAAA,CAAQ,IAAA,EAAM,IAAI,EAAA,EAAI;AAAA,OAAA,EACtD,CAAA;AAAA,sBAEA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,CAAA;AAAA,0BAGpC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAK,SAAA,EAAW,OAAA,CAAQ,cAAc,QAAA,EAAA,SAAA,EAE1D,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAW,CAAA,EAAG,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,QAAA,EAAA,OAAA,CAAQ,SAAQ,CAAA,EAC/C,CAAA;AAAA,MAGC,OAAA,CAAQ,cAAc,MAAA,CAAO,IAAA,CAAK,QAAQ,UAAU,CAAA,CAAE,MAAA,GAAS,CAAA,oBAC9D,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAS,CAAA;AAAA,4BACpC,UAAA,EAAA,EAAW,OAAA,EAAQ,MAAK,SAAA,EAAW,OAAA,CAAQ,cAAc,QAAA,EAAA,uBAAA,EAE1D,CAAA;AAAA,wBACA,GAAA,CAAC,SAAM,SAAA,EAAW,CAAA,EAAG,WAAW,OAAA,CAAQ,mBAAA,EACrC,QAAA,EAAA,MAAA,CAAO,OAAA,CAAQ,OAAA,CAAQ,UAAU,EAAE,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,sBAClD,IAAA,CAAC,GAAA,EAAA,EAAc,SAAA,EAAW,OAAA,CAAQ,YAAA,EAChC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,eAC5C,QAAA,EAAA,GAAA,EACH,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAAA,EAJ3B,GAKV,CACD,CAAA,EACH;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,34 +1,27 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Progress, Page, Header, Content, EmptyState, Link, ContentHeader } from '@backstage/core-components';
+import { Progress, Content, EmptyState } from '@backstage/core-components';
+import { Container, Header, ButtonLink, Grid, Flex, Box } from '@backstage/ui';
 import { useEnvironments } from '../../hooks/useEnvironments.esm.js';
 import { SelectEnvironment } from '../SelectEnvironment/SelectEnvironment.esm.js';
-import { Button, Grid } from '@material-ui/core';
 import { PolicyReportsTable } from '../PolicyReportsTable/PolicyReportsTable.esm.js';
-import { useState } from 'react';
 import { SelectStatus } from '../SelectStatus/SelectStatus.esm.js';
 import { SelectSeverity } from '../SelectSeverity/SelectSeverity.esm.js';
 import { SelectNamespace } from '../SelectNamespace/SelectNamespace.esm.js';
-import { useNamespaces } from '../../hooks/useNamespaces.esm.js';
+import { SearchField } from '../SearchField/SearchField.esm.js';
+import { PolicyReportsFiltersProvider } from '../../hooks/usePolicyReportsFilters.esm.js';
 
 const PolicyReportsPage = ({
   title = "Policy Reports",
-  subtitle = "View all policy reports from a Kubernetes cluster",
   policyDocumentationUrl
 }) => {
-  const {
-    environments,
-    environmentsLoading,
-    setCurrentEnvironment,
-    currentEnvironment
-  } = useEnvironments();
-  const [status, setStatus] = useState(["fail"]);
-  const [severity, setSeverity] = useState([]);
-  const [selectedNamespaces, setSelectedNamespaces] = useState([]);
-  const { namespaces: availableNamespaces } = useNamespaces(currentEnvironment);
+  const { environments, environmentsLoading } = useEnvironments();
+  const defaultFilter = {
+    status: ["fail"]
+  };
   if (environmentsLoading) return /* @__PURE__ */ jsx(Progress, {});
-  if (environments === void 0 || !currentEnvironment)
-    return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-      /* @__PURE__ */ jsx(Header, { title, subtitle }),
+  if (!environments?.length)
+    return /* @__PURE__ */ jsxs(Container, { children: [
+      /* @__PURE__ */ jsx(Header, { title }),
       /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
         EmptyState,
         {
@@ -40,63 +33,47 @@ const PolicyReportsPage = ({
             " annotation for this plugin to work."
           ] }),
           action: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-            Button,
+            ButtonLink,
             {
-              color: "primary",
-              component: Link,
-              to: "https://github.com/kyverno/backstage-policy-reporter-plugin",
+              target: "_blank",
+              href: "https://github.com/kyverno/backstage-policy-reporter-plugin",
               children: "Read More"
             }
           ) })
         }
       ) })
     ] });
-  return /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
-    /* @__PURE__ */ jsx(Header, { title, subtitle }),
-    /* @__PURE__ */ jsxs(Content, { children: [
-      /* @__PURE__ */ jsxs(ContentHeader, { children: [
-        /* @__PURE__ */ jsx(SelectStatus, { currentStatus: status, setStatus }),
+  return /* @__PURE__ */ jsx(
+    PolicyReportsFiltersProvider,
+    {
+      defaultFilters: defaultFilter,
+      defaultEnvironment: environments[0].entityRef,
+      children: /* @__PURE__ */ jsxs(Container, { children: [
         /* @__PURE__ */ jsx(
-          SelectSeverity,
+          Header,
           {
-            currentSeverity: severity,
-            setSeverity
+            title,
+            customActions: /* @__PURE__ */ jsx(SelectEnvironment, { environments })
           }
         ),
-        /* @__PURE__ */ jsx(
-          SelectNamespace,
-          {
-            currentNamespaces: selectedNamespaces,
-            setNamespaces: setSelectedNamespaces,
-            availableNamespaces
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SelectEnvironment,
-          {
-            environments,
-            currentEnvironment,
-            setCurrentEnvironment
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PolicyReportsTable,
-        {
-          currentEnvironment,
-          filter: {
-            status,
-            severities: severity,
-            namespaces: selectedNamespaces
-          },
-          title: "Policy Results",
-          emptyContentText: "No policies found",
-          policyDocumentationUrl,
-          pagination: { offset: 25 }
-        }
-      ) }) })
-    ] })
-  ] });
+        /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", gap: "4", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "4", children: [
+            /* @__PURE__ */ jsx(SelectStatus, {}),
+            /* @__PURE__ */ jsx(SelectSeverity, {}),
+            /* @__PURE__ */ jsx(SelectNamespace, {}),
+            /* @__PURE__ */ jsx(Box, { width: "300px", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(SearchField, {}) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            PolicyReportsTable,
+            {
+              emptyContentText: "No policies found",
+              policyDocumentationUrl
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
 };
 
 export { PolicyReportsPage };

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyReportsPage.esm.js","sources":["../../../src/components/PolicyReportsPage/PolicyReportsPage.tsx"],"sourcesContent":["import {\n  Content,\n  ContentHeader,\n  EmptyState,\n  Header,\n  Link,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useEnvironments } from '../../hooks/useEnvironments';\nimport { SelectEnvironment } from '../SelectEnvironment';\nimport { Button, Grid } from '@material-ui/core';\nimport { PolicyReportsTable } from '../PolicyReportsTable';\nimport { useState } from 'react';\nimport {\n  Severity,\n  Status,\n} from '@kyverno/backstage-plugin-policy-reporter-common';\nimport { SelectStatus } from '../SelectStatus';\nimport { SelectSeverity } from '../SelectSeverity';\nimport { SelectNamespace } from '../SelectNamespace';\nimport { useNamespaces } from '../../hooks/useNamespaces';\n\nexport interface PolicyReportsPageProps {\n  title?: string;\n  policyDocumentationUrl?: string;\n  subtitle?: string;\n}\n\nexport const PolicyReportsPage = ({\n  title = 'Policy Reports',\n  subtitle = 'View all policy reports from a Kubernetes cluster',\n  policyDocumentationUrl,\n}: PolicyReportsPageProps) => {\n  const {\n    environments,\n    environmentsLoading,\n    setCurrentEnvironment,\n    currentEnvironment,\n  } = useEnvironments();\n\n  const [status, setStatus] = useState<Status[]>(['fail']);\n  const [severity, setSeverity] = useState<Severity[]>([]);\n  const [selectedNamespaces, setSelectedNamespaces] = useState<string[]>([]);\n  const { namespaces: availableNamespaces } = useNamespaces(currentEnvironment);\n\n  // Fetching environments\n  if (environmentsLoading) return <Progress />;\n\n  // Environments missing\n  if (environments === undefined || !currentEnvironment)\n    return (\n      <Page themeId=\"tool\">\n        <Header title={title} subtitle={subtitle} />\n        <Content>\n          <EmptyState\n            missing=\"content\"\n            title=\"No kubernetes-cluster Resources found\"\n            description={\n              <>\n                You need to define a Resource with the kubernetes-cluster type\n                and a<code> kyverno.io/endpoint </code> annotation for this\n                plugin to work.\n              </>\n            }\n            action={\n              <>\n                <Button\n                  color=\"primary\"\n                  component={Link}\n                  to=\"https://github.com/kyverno/backstage-policy-reporter-plugin\"\n                >\n                  Read More\n                </Button>\n              </>\n            }\n          />\n        </Content>\n      </Page>\n    );\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={title} subtitle={subtitle} />\n      <Content>\n        <ContentHeader>\n          <SelectStatus currentStatus={status} setStatus={setStatus} />\n          <SelectSeverity\n            currentSeverity={severity}\n            setSeverity={setSeverity}\n          />\n          <SelectNamespace\n            currentNamespaces={selectedNamespaces}\n            setNamespaces={setSelectedNamespaces}\n            availableNamespaces={availableNamespaces}\n          />\n          <SelectEnvironment\n            environments={environments}\n            currentEnvironment={currentEnvironment}\n            setCurrentEnvironment={setCurrentEnvironment}\n          />\n        </ContentHeader>\n        <Grid container spacing={2}>\n          <Grid item xs={12}>\n            <PolicyReportsTable\n              currentEnvironment={currentEnvironment}\n              filter={{\n                status: status,\n                severities: severity,\n                namespaces: selectedNamespaces,\n              }}\n              title=\"Policy Results\"\n              emptyContentText=\"No policies found\"\n              policyDocumentationUrl={policyDocumentationUrl}\n              pagination={{ offset: 25 }}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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;;;;"}

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

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

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

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

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

@@ -1,156 +1,130 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ResponseErrorPanel, Table } from '@backstage/core-components';
-import { useState, useMemo } from 'react';
-import { makeStyles, Drawer } from '@material-ui/core';
-import Chip from '@material-ui/core/Chip';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Drawer } from '@material-ui/core';
 import { StatusComponent } from '../StatusComponent/StatusComponent.esm.js';
 import { SeverityComponent } from '../SeverityComponent/SeverityComponent.esm.js';
-import Launch from '@material-ui/icons/Launch';
-import { usePaginatedPolicies } from '../../hooks/usePaginatedPolicies.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 { policyReporterApiRef } from '../../api/PolicyReporterClient.esm.js';
+import { usePolicyReportsFilters } from '../../hooks/usePolicyReportsFilters.esm.js';
 
 const PolicyReportsTable = ({
-  title,
   emptyContentText,
-  currentEnvironment,
-  filter,
-  policyDocumentationUrl,
-  enableSearch,
-  pagination,
-  pageSizeOptions
+  policyDocumentationUrl
 }) => {
-  const useStyles = makeStyles((theme) => ({
-    empty: {
-      padding: theme.spacing(2),
-      display: "flex",
-      justifyContent: "center"
-    }
-  }));
-  const [search, setSearch] = useState(void 0);
-  const mergedFilter = useMemo(
-    () => ({
-      ...filter,
-      search: search ?? filter.search
-      // override search if search state is defined
-    }),
-    [filter, search]
-  );
-  const [showDrawer, setShowDrawer] = useState(false);
+  const policyReporterApi = useApi(policyReporterApiRef);
+  const { filter, environment } = usePolicyReportsFilters();
+  const search = filter.search;
   const [drawerContent, setDrawerContent] = useState(
     void 0
   );
-  const classes = useStyles();
+  const { tableProps } = useTable({
+    filter,
+    mode: "offset",
+    search,
+    getData: async ({
+      offset,
+      pageSize,
+      filter: fetchFilter,
+      search: searchParam
+    }) => {
+      const page = Math.floor(offset / pageSize) + 1;
+      const response = await policyReporterApi.getNamespacedResults({
+        query: {
+          environment: encodeURI(environment),
+          page,
+          offset: pageSize,
+          ...fetchFilter,
+          search: searchParam === "" ? void 0 : searchParam
+        }
+      });
+      const result = await response.json();
+      return {
+        data: result.items,
+        totalCount: result.count
+      };
+    }
+  });
   const columns = [
     {
-      title: "name",
-      field: "name"
+      id: "name",
+      label: "Name",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.name })
     },
     {
-      title: "namespace",
-      field: "namespace"
+      id: "namespace",
+      label: "Namespace",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.namespace })
     },
     {
-      title: "kind",
-      field: "kind"
+      id: "kind",
+      label: "Kind",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.kind })
     },
     {
-      title: "policy",
-      field: "policy",
-      render: (listResult) => {
-        if (policyDocumentationUrl)
-          return /* @__PURE__ */ jsx(
-            Chip,
+      id: "policy",
+      label: "Policy",
+      isRowHeader: true,
+      cell: (item) => {
+        if (policyDocumentationUrl) {
+          return /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
+            Link,
             {
-              label: listResult.policy,
-              component: "a",
               target: "_blank",
-              href: `${policyDocumentationUrl}#${listResult.policy}`,
-              clickable: true,
-              icon: /* @__PURE__ */ jsx(Launch, { fontSize: "small" })
+              href: `${policyDocumentationUrl}#${item.policy}`,
+              children: item.policy
             }
-          );
-        return /* @__PURE__ */ jsx(Chip, { label: listResult.policy });
+          ) });
+        }
+        return /* @__PURE__ */ jsx(CellText, { title: item.policy });
       }
     },
     {
-      title: "rule",
-      field: "rule",
-      render: (listResult) => {
-        return /* @__PURE__ */ jsx(Chip, { label: listResult.rule });
-      }
+      id: "rule",
+      label: "Rule",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.rule })
     },
     {
-      title: "status",
-      field: "status",
-      width: "30",
-      render: (listResult) => {
-        return /* @__PURE__ */ jsx(StatusComponent, { status: listResult.status });
-      }
+      id: "status",
+      label: "Status",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StatusComponent, { status: item.status }) })
     },
     {
-      title: "severity",
-      field: "severity",
-      width: "30",
-      render: (listResult) => {
-        return /* @__PURE__ */ jsx(SeverityComponent, { severity: listResult.severity });
-      }
+      id: "severity",
+      label: "Severity",
+      isRowHeader: true,
+      cell: (item) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(SeverityComponent, { severity: item.severity }) })
     }
   ];
-  const {
-    policies,
-    policiesError,
-    currentPage,
-    currentOffset,
-    setCurrentPage,
-    setCurrentOffset,
-    initialLoading
-  } = usePaginatedPolicies(currentEnvironment, mergedFilter, pagination);
-  if (policiesError) return /* @__PURE__ */ jsx(ResponseErrorPanel, { error: policiesError });
-  if (initialLoading)
-    return /* @__PURE__ */ jsx(
-      Table,
-      {
-        options: { paging: false, padding: "dense" },
-        data: [],
-        columns,
-        isLoading: true,
-        title
-      }
-    );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Drawer,
       {
         anchor: "right",
-        open: showDrawer,
-        onClose: () => setShowDrawer(false),
+        open: Boolean(drawerContent),
+        onClose: () => setDrawerContent(void 0),
         children: /* @__PURE__ */ jsx(PolicyReportsDrawerComponent, { content: drawerContent })
       }
     ),
     /* @__PURE__ */ jsx(
       Table,
       {
-        options: {
-          sorting: true,
-          padding: "dense",
-          search: enableSearch,
-          pageSize: currentOffset,
-          pageSizeOptions
-        },
-        onRowClick: (event, rowData) => {
-          event?.preventDefault();
-          setShowDrawer(true);
-          setDrawerContent(rowData);
+        rowConfig: {
+          onClick: (item) => setDrawerContent(item)
         },
-        data: policies?.items ?? [],
-        columns,
-        title,
-        totalCount: policies?.count,
-        page: currentPage,
-        onRowsPerPageChange: (page) => setCurrentOffset(page),
-        onPageChange: (page) => setCurrentPage(page),
-        emptyContent: /* @__PURE__ */ jsx("div", { className: classes.empty, children: emptyContentText }),
-        onSearchChange: (searchText) => setSearch(searchText)
+        emptyState: search ? /* @__PURE__ */ jsxs(Text, { children: [
+          'No results match "',
+          search,
+          '"'
+        ] }) : /* @__PURE__ */ jsx(Text, { children: emptyContentText }),
+        columnConfig: columns,
+        ...tableProps
       }
     )
   ] });