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

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
       }
     )
   ] });

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

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