@electrolux-oss/plugin-infrawallet 0.1.4 → 0.1.6

package/README.md

@@ -262,13 +262,13 @@ For example, here is a report returned from InfraWallet backend:
 
 The aggregation is done by the frontend after getting all the needed cost reports. This means that as long as the backend returns more cost reports in the same format, InfraWallet can always aggregate and visualize the costs.
 
-When adding a new cloud vendor, you need to implement a client based on the interface [InfraWalletApi](plugins/infrawallet-backend/src/service/InfraWalletApi.ts). Check [AwsClient.ts](plugins/infrawallet-backend/src/service/AwsClient.ts) and [AzureClient.ts](plugins/infrawallet-backend/src/service/AzureClient.ts) as examples.
+When adding a new cloud vendor, you need to implement a client based on the abstract class [InfraWalletClient](../infrawallet-backend/src/service/InfraWalletClient.ts). Check [AwsClient.ts](../infrawallet-backend/src/service/AwsClient.ts) and [AzureClient.ts](../infrawallet-backend/src/service/AzureClient.ts) as examples.
 
 ## Roadmap
 
-- [ ] Make IAM user optional for AWS credentials
-- [ ] Support filters besides grouping bys
-- [ ] Support Google Cloud Costs
+- [x] Make IAM user optional for AWS credentials
+- [x] Support Google Cloud Costs
+- [x] Support filters besides grouping bys
 - [ ] WebUI for managing category mappings
 - [ ] Enable users to select a subset of configured cloud accounts as a wallet
 - [ ] Support different currencies

package/dist/api/functions.esm.js

@@ -39,6 +39,18 @@ const mergeCostReports = (reports, threshold) => {
   );
   return Object.values(mergedReports);
 };
+const filterCostReports = (reports, filters) => {
+  const filteredReports = reports.filter((report) => {
+    let match = true;
+    Object.keys(filters).forEach((key) => {
+      if (filters[key].length > 0 && !filters[key].includes(report[key])) {
+        match = false;
+      }
+    });
+    return match;
+  });
+  return filteredReports;
+};
 const aggregateCostReports = (reports, aggregatedBy) => {
   const aggregatedReports = reduce(
     reports,
@@ -71,6 +83,26 @@ const aggregateCostReports = (reports, aggregatedBy) => {
   );
   return Object.values(aggregatedReports);
 };
+const getReportKeyAndValues = (reports) => {
+  const excludedKeys = ["id", "reports"];
+  const keyValueSets = {};
+  reports.forEach((report) => {
+    Object.keys(report).forEach((key) => {
+      if (!excludedKeys.includes(key)) {
+        if (keyValueSets[key] === void 0) {
+          keyValueSets[key] = /* @__PURE__ */ new Set();
+        } else {
+          keyValueSets[key].add(report[key]);
+        }
+      }
+    });
+  });
+  const keyValues = {};
+  Object.keys(keyValueSets).forEach((key) => {
+    keyValues[key] = Array.from(keyValueSets[key]);
+  });
+  return keyValues;
+};
 const getAllReportTags = (reports) => {
   const tags = /* @__PURE__ */ new Set();
   const reservedKeys = ["id", "name", "service", "category", "provider", "reports"];
@@ -103,5 +135,5 @@ const getPeriodStrings = (granularity, startTime, endTime) => {
   return result;
 };
 
-export { aggregateCostReports, getAllReportTags, getPeriodStrings, getPreviousMonth, mergeCostReports };
+export { aggregateCostReports, filterCostReports, getAllReportTags, getPeriodStrings, getPreviousMonth, getReportKeyAndValues, mergeCostReports };
 //# sourceMappingURL=functions.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"functions.esm.js","sources":["../../src/api/functions.ts"],"sourcesContent":["import { format, parse, subMonths } from 'date-fns';\nimport { reduce } from 'lodash';\nimport moment from 'moment';\nimport { Report } from './types';\n\nexport const mergeCostReports = (reports: Report[], threshold: number): Report[] => {\n  const totalCosts: { id: string; total: number }[] = [];\n  reports.forEach(report => {\n    let total = 0;\n    Object.values(report.reports).forEach(v => {\n      total += v as number;\n    });\n    totalCosts.push({ id: report.id, total: total });\n  });\n  const sortedTotalCosts = totalCosts.sort((a, b) => b.total - a.total);\n  const idsToBeKept = sortedTotalCosts.slice(0, threshold).map(v => v.id);\n\n  const mergedReports = reduce(\n    reports,\n    (accumulator: { [key: string]: Report }, report) => {\n      let keyName = 'others';\n      if (idsToBeKept.includes(report.id)) {\n        keyName = report.id;\n      }\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        };\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {},\n  );\n\n  return Object.values(mergedReports);\n};\n\nexport const aggregateCostReports = (reports: Report[], aggregatedBy?: string): Report[] => {\n  const aggregatedReports: { [key: string]: Report } = reduce(\n    reports,\n    (accumulator, report) => {\n      let keyName: string = 'no value';\n      if (aggregatedBy && aggregatedBy in report) {\n        keyName = report[aggregatedBy] as string;\n      } else if (aggregatedBy === 'none') {\n        keyName = 'Total cloud costs';\n      }\n\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        } as {\n          id: string;\n          reports: { [key: string]: number };\n          [key: string]: any;\n        };\n\n        if (aggregatedBy !== undefined) {\n          accumulator[keyName][aggregatedBy] = keyName;\n        }\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {} as { [key: string]: Report },\n  );\n  return Object.values(aggregatedReports);\n};\n\nexport const getAllReportTags = (reports: Report[]): string[] => {\n  const tags = new Set<string>();\n  const reservedKeys = ['id', 'name', 'service', 'category', 'provider', 'reports'];\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (reservedKeys.indexOf(key) === -1) {\n        tags.add(key);\n      }\n    });\n  });\n  return Array.from(tags);\n};\n\nexport const getPreviousMonth = (month: string): string => {\n  const date = parse(month, 'yyyy-MM', new Date());\n  const previousMonth = subMonths(date, 1);\n  return format(previousMonth, 'yyyy-MM');\n};\n\nexport const getPeriodStrings = (granularity: string, startTime: Date, endTime: Date): string[] => {\n  const result: string[] = [];\n  const current = moment(startTime);\n\n  while (current.isSameOrBefore(endTime) && current.isSameOrBefore(moment())) {\n    if (granularity === 'monthly') {\n      result.push(current.format('YYYY-MM'));\n      current.add(1, 'months');\n    } else {\n      result.push(current.format('YYYY-MM-DD'));\n      current.add(1, 'days');\n    }\n  }\n\n  return result;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"functions.esm.js","sources":["../../src/api/functions.ts"],"sourcesContent":["import { format, parse, subMonths } from 'date-fns';\nimport { reduce } from 'lodash';\nimport moment from 'moment';\nimport { Report, Filters } from './types';\n\nexport const mergeCostReports = (reports: Report[], threshold: number): Report[] => {\n  const totalCosts: { id: string; total: number }[] = [];\n  reports.forEach(report => {\n    let total = 0;\n    Object.values(report.reports).forEach(v => {\n      total += v as number;\n    });\n    totalCosts.push({ id: report.id, total: total });\n  });\n  const sortedTotalCosts = totalCosts.sort((a, b) => b.total - a.total);\n  const idsToBeKept = sortedTotalCosts.slice(0, threshold).map(v => v.id);\n\n  const mergedReports = reduce(\n    reports,\n    (accumulator: { [key: string]: Report }, report) => {\n      let keyName = 'others';\n      if (idsToBeKept.includes(report.id)) {\n        keyName = report.id;\n      }\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        };\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {},\n  );\n\n  return Object.values(mergedReports);\n};\n\nexport const filterCostReports = (reports: Report[], filters: Filters): Report[] => {\n  const filteredReports = reports.filter(report => {\n    let match = true;\n    Object.keys(filters).forEach(key => {\n      if (filters[key].length > 0 && !filters[key].includes(report[key] as string)) {\n        match = false;\n      }\n    });\n    return match;\n  });\n\n  return filteredReports;\n};\n\nexport const aggregateCostReports = (reports: Report[], aggregatedBy?: string): Report[] => {\n  const aggregatedReports: { [key: string]: Report } = reduce(\n    reports,\n    (accumulator, report) => {\n      let keyName: string = 'no value';\n      if (aggregatedBy && aggregatedBy in report) {\n        keyName = report[aggregatedBy] as string;\n      } else if (aggregatedBy === 'none') {\n        keyName = 'Total cloud costs';\n      }\n\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        } as {\n          id: string;\n          reports: { [key: string]: number };\n          [key: string]: any;\n        };\n\n        if (aggregatedBy !== undefined) {\n          accumulator[keyName][aggregatedBy] = keyName;\n        }\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {} as { [key: string]: Report },\n  );\n  return Object.values(aggregatedReports);\n};\n\nexport const getReportKeyAndValues = (reports: Report[]): { [key: string]: string[] } => {\n  const excludedKeys = ['id', 'reports'];\n  const keyValueSets: { [key: string]: Set<string> } = {};\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (!excludedKeys.includes(key)) {\n        if (keyValueSets[key] === undefined) {\n          keyValueSets[key] = new Set<string>();\n        } else {\n          keyValueSets[key].add(report[key] as string);\n        }\n      }\n    });\n  });\n\n  const keyValues: { [key: string]: string[] } = {};\n  Object.keys(keyValueSets).forEach((key: string) => {\n    keyValues[key] = Array.from(keyValueSets[key]);\n  });\n  return keyValues;\n};\n\nexport const getAllReportTags = (reports: Report[]): string[] => {\n  const tags = new Set<string>();\n  const reservedKeys = ['id', 'name', 'service', 'category', 'provider', 'reports'];\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (reservedKeys.indexOf(key) === -1) {\n        tags.add(key);\n      }\n    });\n  });\n  return Array.from(tags);\n};\n\nexport const getPreviousMonth = (month: string): string => {\n  const date = parse(month, 'yyyy-MM', new Date());\n  const previousMonth = subMonths(date, 1);\n  return format(previousMonth, 'yyyy-MM');\n};\n\nexport const getPeriodStrings = (granularity: string, startTime: Date, endTime: Date): string[] => {\n  const result: string[] = [];\n  const current = moment(startTime);\n\n  while (current.isSameOrBefore(endTime) && current.isSameOrBefore(moment())) {\n    if (granularity === 'monthly') {\n      result.push(current.format('YYYY-MM'));\n      current.add(1, 'months');\n    } else {\n      result.push(current.format('YYYY-MM-DD'));\n      current.add(1, 'days');\n    }\n  }\n\n  return result;\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ColumnsChartComponent/ColumnsChartComponent.esm.js

@@ -58,7 +58,7 @@ const ColumnsChartComponent = ({
       display: "flex",
       overflow: "auto",
       flexDirection: "column",
-      height: height ? height - 50 : 100
+      height: height ? height - 70 : 80
     }
   });
   const classes = useStyles();
@@ -183,7 +183,7 @@ const ColumnsChartComponent = ({
     },
     series
   };
-  return /* @__PURE__ */ React.createElement(Paper, { className: thumbnail ? classes.thumbnailPaper : classes.fixedHeightPaper }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, "Monthly"), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Toggle, { onChange: (event) => granularitySetter(event.target.checked ? "daily" : "monthly") })), /* @__PURE__ */ React.createElement(Grid, { item: true }, "Daily")), /* @__PURE__ */ React.createElement(Chart, { options: state.options, series: state.series, type: "bar", height: height ? height - 50 : 250 }));
+  return /* @__PURE__ */ React.createElement(Paper, { className: thumbnail ? classes.thumbnailPaper : classes.fixedHeightPaper }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, "Monthly"), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Toggle, { onChange: (event) => granularitySetter(event.target.checked ? "daily" : "monthly") })), /* @__PURE__ */ React.createElement(Grid, { item: true }, "Daily")), /* @__PURE__ */ React.createElement(Chart, { options: state.options, series: state.series, type: "bar", height: height ? height - 70 : 230 }));
 };
 
 export { ColumnsChartComponent };

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnsChartComponent.esm.js","sources":["../../../src/components/ColumnsChartComponent/ColumnsChartComponent.tsx"],"sourcesContent":["import { Grid, Paper, Switch } from '@material-ui/core';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport humanFormat from 'human-format';\nimport React, { FC } from 'react';\nimport Chart from 'react-apexcharts';\nimport { ColumnsChartComponentProps } from '../types';\n\nconst Toggle = withStyles(theme => ({\n  root: {\n    width: 28,\n    height: 16,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 2,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(12px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        backgroundColor: theme.palette.primary.main,\n        borderColor: theme.palette.primary.main,\n      },\n    },\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none',\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 16 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white,\n  },\n  checked: {},\n}))(Switch);\n\nexport const ColumnsChartComponent: FC<ColumnsChartComponentProps> = ({\n  granularitySetter,\n  categories,\n  series,\n  height,\n  thumbnail,\n  dataPointSelectionHandler,\n}) => {\n  const defaultTheme = useTheme();\n  const useStyles = makeStyles({\n    fixedHeightPaper: {\n      padding: '16px',\n      display: 'flex',\n      overflow: 'auto',\n      flexDirection: 'column',\n      height: height ? height : 300,\n    },\n    thumbnailPaper: {\n      display: 'flex',\n      overflow: 'auto',\n      flexDirection: 'column',\n      height: height ? height - 50 : 100,\n    },\n  });\n  const classes = useStyles();\n  const customScale = humanFormat.Scale.create(['', 'K', 'M', 'B'], 1000);\n\n  const state = thumbnail\n    ? {\n        options: {\n          chart: {\n            animations: {\n              enabled: false,\n            },\n            zoom: {\n              enabled: false,\n            },\n            stacked: true,\n            toolbar: {\n              show: false,\n            },\n            sparkline: {\n              enabled: true,\n            },\n          },\n          xaxis: {\n            categories: categories,\n          },\n          theme: {\n            mode: defaultTheme.palette.type,\n          },\n        },\n        series: series,\n      }\n    : {\n        options: {\n          chart: {\n            animations: {\n              enabled: false,\n            },\n            stacked: true,\n            toolbar: {\n              show: false,\n            },\n            events: {\n              dataPointSelection: dataPointSelectionHandler,\n            },\n          },\n          xaxis: {\n            categories: categories,\n          },\n          yaxis: {\n            decimalsInFloat: 2,\n          },\n          dataLabels: {\n            enabled: false,\n          },\n          tooltip: {\n            y: {\n              formatter: (value: number) => {\n                return `$${humanFormat(value, {\n                  scale: customScale,\n                  separator: '',\n                })}`;\n              },\n            },\n          },\n          legend: {\n            showForSingleSeries: true,\n          },\n          theme: {\n            mode: defaultTheme.palette.type,\n          },\n          // there are only 5 colors by default, here we extend it to 50 different colors\n          colors: [\n            '#008FFB',\n            '#00E396',\n            '#FEB019',\n            '#FF4560',\n            '#775DD0',\n            '#3F51B5',\n            '#03A9F4',\n            '#4CAF50',\n            '#F9CE1D',\n            '#FF9800',\n            '#33B2DF',\n            '#546E7A',\n            '#D4526E',\n            '#13D8AA',\n            '#A5978B',\n            '#4ECDC4',\n            '#C7F464',\n            '#81D4FA',\n            '#546E7A',\n            '#FD6A6A',\n            '#2B908F',\n            '#F9A3A4',\n            '#90EE7E',\n            '#FA4443',\n            '#69D2E7',\n            '#449DD1',\n            '#F86624',\n            '#EA3546',\n            '#662E9B',\n            '#C5D86D',\n            '#D7263D',\n            '#1B998B',\n            '#2E294E',\n            '#F46036',\n            '#E2C044',\n            '#662E9B',\n            '#F86624',\n            '#F9C80E',\n            '#EA3546',\n            '#43BCCD',\n            '#5C4742',\n            '#A5978B',\n            '#8D5B4C',\n            '#5A2A27',\n            '#C4BBAF',\n            '#A300D6',\n            '#7D02EB',\n            '#5653FE',\n            '#2983FF',\n            '#00B1F2',\n          ],\n        },\n        series: series,\n      };\n\n  return (\n    <Paper className={thumbnail ? classes.thumbnailPaper : classes.fixedHeightPaper}>\n      <Grid container justifyContent=\"flex-end\" spacing={1}>\n        <Grid item>Monthly</Grid>\n        <Grid item>\n          <Toggle onChange={event => granularitySetter(event.target.checked ? 'daily' : 'monthly')} />\n        </Grid>\n        <Grid item>Daily</Grid>\n      </Grid>\n      <Chart options={state.options} series={state.series} type=\"bar\" height={height ? height - 50 : 250} />\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ColumnsChartComponent.esm.js","sources":["../../../src/components/ColumnsChartComponent/ColumnsChartComponent.tsx"],"sourcesContent":["import { Grid, Paper, Switch } from '@material-ui/core';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport humanFormat from 'human-format';\nimport React, { FC } from 'react';\nimport Chart from 'react-apexcharts';\nimport { ColumnsChartComponentProps } from '../types';\n\nconst Toggle = withStyles(theme => ({\n  root: {\n    width: 28,\n    height: 16,\n    padding: 0,\n    display: 'flex',\n  },\n  switchBase: {\n    padding: 2,\n    color: theme.palette.grey[500],\n    '&$checked': {\n      transform: 'translateX(12px)',\n      color: theme.palette.common.white,\n      '& + $track': {\n        opacity: 1,\n        backgroundColor: theme.palette.primary.main,\n        borderColor: theme.palette.primary.main,\n      },\n    },\n  },\n  thumb: {\n    width: 12,\n    height: 12,\n    boxShadow: 'none',\n  },\n  track: {\n    border: `1px solid ${theme.palette.grey[500]}`,\n    borderRadius: 16 / 2,\n    opacity: 1,\n    backgroundColor: theme.palette.common.white,\n  },\n  checked: {},\n}))(Switch);\n\nexport const ColumnsChartComponent: FC<ColumnsChartComponentProps> = ({\n  granularitySetter,\n  categories,\n  series,\n  height,\n  thumbnail,\n  dataPointSelectionHandler,\n}) => {\n  const defaultTheme = useTheme();\n  const useStyles = makeStyles({\n    fixedHeightPaper: {\n      padding: '16px',\n      display: 'flex',\n      overflow: 'auto',\n      flexDirection: 'column',\n      height: height ? height : 300,\n    },\n    thumbnailPaper: {\n      display: 'flex',\n      overflow: 'auto',\n      flexDirection: 'column',\n      height: height ? height - 70 : 80,\n    },\n  });\n  const classes = useStyles();\n  const customScale = humanFormat.Scale.create(['', 'K', 'M', 'B'], 1000);\n\n  const state = thumbnail\n    ? {\n        options: {\n          chart: {\n            animations: {\n              enabled: false,\n            },\n            zoom: {\n              enabled: false,\n            },\n            stacked: true,\n            toolbar: {\n              show: false,\n            },\n            sparkline: {\n              enabled: true,\n            },\n          },\n          xaxis: {\n            categories: categories,\n          },\n          theme: {\n            mode: defaultTheme.palette.type,\n          },\n        },\n        series: series,\n      }\n    : {\n        options: {\n          chart: {\n            animations: {\n              enabled: false,\n            },\n            stacked: true,\n            toolbar: {\n              show: false,\n            },\n            events: {\n              dataPointSelection: dataPointSelectionHandler,\n            },\n          },\n          xaxis: {\n            categories: categories,\n          },\n          yaxis: {\n            decimalsInFloat: 2,\n          },\n          dataLabels: {\n            enabled: false,\n          },\n          tooltip: {\n            y: {\n              formatter: (value: number) => {\n                return `$${humanFormat(value, {\n                  scale: customScale,\n                  separator: '',\n                })}`;\n              },\n            },\n          },\n          legend: {\n            showForSingleSeries: true,\n          },\n          theme: {\n            mode: defaultTheme.palette.type,\n          },\n          // there are only 5 colors by default, here we extend it to 50 different colors\n          colors: [\n            '#008FFB',\n            '#00E396',\n            '#FEB019',\n            '#FF4560',\n            '#775DD0',\n            '#3F51B5',\n            '#03A9F4',\n            '#4CAF50',\n            '#F9CE1D',\n            '#FF9800',\n            '#33B2DF',\n            '#546E7A',\n            '#D4526E',\n            '#13D8AA',\n            '#A5978B',\n            '#4ECDC4',\n            '#C7F464',\n            '#81D4FA',\n            '#546E7A',\n            '#FD6A6A',\n            '#2B908F',\n            '#F9A3A4',\n            '#90EE7E',\n            '#FA4443',\n            '#69D2E7',\n            '#449DD1',\n            '#F86624',\n            '#EA3546',\n            '#662E9B',\n            '#C5D86D',\n            '#D7263D',\n            '#1B998B',\n            '#2E294E',\n            '#F46036',\n            '#E2C044',\n            '#662E9B',\n            '#F86624',\n            '#F9C80E',\n            '#EA3546',\n            '#43BCCD',\n            '#5C4742',\n            '#A5978B',\n            '#8D5B4C',\n            '#5A2A27',\n            '#C4BBAF',\n            '#A300D6',\n            '#7D02EB',\n            '#5653FE',\n            '#2983FF',\n            '#00B1F2',\n          ],\n        },\n        series: series,\n      };\n\n  return (\n    <Paper className={thumbnail ? classes.thumbnailPaper : classes.fixedHeightPaper}>\n      <Grid container justifyContent=\"flex-end\" spacing={1}>\n        <Grid item>Monthly</Grid>\n        <Grid item>\n          <Toggle onChange={event => granularitySetter(event.target.checked ? 'daily' : 'monthly')} />\n        </Grid>\n        <Grid item>Daily</Grid>\n      </Grid>\n      <Chart options={state.options} series={state.series} type=\"bar\" height={height ? height - 70 : 230} />\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FiltersComponent/FiltersComponent.esm.js

@@ -0,0 +1,43 @@
+import { Box, FormControl } from '@material-ui/core';
+import Button from '@material-ui/core/Button';
+import Checkbox from '@material-ui/core/Checkbox';
+import TextField from '@material-ui/core/TextField';
+import { makeStyles } from '@material-ui/core/styles';
+import CheckBoxIcon from '@material-ui/icons/CheckBox';
+import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import React from 'react';
+import { getReportKeyAndValues } from '../../api/functions.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  formControl: {
+    marginLeft: theme.spacing(1),
+    marginRight: theme.spacing(3),
+    width: 300
+  }
+}));
+const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, { fontSize: "small" });
+const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, { fontSize: "small" });
+const FiltersComponent = ({ reports, filters, filtersSetter }) => {
+  const classes = useStyles();
+  const keyValues = getReportKeyAndValues(reports);
+  const handleFiltersChange = (key, newValue) => {
+    filtersSetter({ ...filters, [key]: newValue });
+  };
+  return /* @__PURE__ */ React.createElement(Box, null, Object.keys(keyValues).map((key) => /* @__PURE__ */ React.createElement(FormControl, { className: classes.formControl, key: `form-${key}` }, /* @__PURE__ */ React.createElement(
+    Autocomplete,
+    {
+      multiple: true,
+      id: `checkboxes-${key}`,
+      options: keyValues[key],
+      value: filters[key] || [],
+      onChange: (_event, value, _reason) => handleFiltersChange(key, value),
+      disableCloseOnSelect: true,
+      renderOption: (option, { selected }) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `option-${option}` }, /* @__PURE__ */ React.createElement(Checkbox, { icon, checkedIcon, style: { marginRight: 8 }, checked: selected }), option),
+      renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, { ...params, variant: "standard", label: key })
+    }
+  ))), /* @__PURE__ */ React.createElement(FormControl, { className: classes.formControl, style: { marginTop: 10 } }, /* @__PURE__ */ React.createElement(Button, { variant: "contained", color: "primary", onClick: () => filtersSetter({}) }, "Clear filters")));
+};
+
+export { FiltersComponent };
+//# sourceMappingURL=FiltersComponent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersComponent.esm.js","sources":["../../../src/components/FiltersComponent/FiltersComponent.tsx"],"sourcesContent":["import { Box, FormControl } from '@material-ui/core';\nimport Button from '@material-ui/core/Button';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport React, { FC } from 'react';\nimport { getReportKeyAndValues } from '../../api/functions';\nimport { FiltersComponentProps } from '../types';\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(3),\n    width: 300,\n  },\n}));\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\nexport const FiltersComponent: FC<FiltersComponentProps> = ({ reports, filters, filtersSetter }) => {\n  const classes = useStyles();\n  const keyValues: { [key: string]: string[] } = getReportKeyAndValues(reports);\n  const handleFiltersChange = (key: string, newValue: string[]): void => {\n    filtersSetter({ ...filters, [key]: newValue });\n  };\n\n  return (\n    <Box>\n      {Object.keys(keyValues).map(key => (\n        <FormControl className={classes.formControl} key={`form-${key}`}>\n          <Autocomplete\n            multiple\n            id={`checkboxes-${key}`}\n            options={keyValues[key]}\n            value={filters[key] || []}\n            onChange={(_event, value: string[], _reason) => handleFiltersChange(key, value)}\n            disableCloseOnSelect\n            renderOption={(option, { selected }) => (\n              <React.Fragment key={`option-${option}`}>\n                <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />\n                {option}\n              </React.Fragment>\n            )}\n            renderInput={params => <TextField {...params} variant=\"standard\" label={key} />}\n          />\n        </FormControl>\n      ))}\n      <FormControl className={classes.formControl} style={{ marginTop: 10 }}>\n        <Button variant=\"contained\" color=\"primary\" onClick={() => filtersSetter({})}>\n          Clear filters\n        </Button>\n      </FormControl>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAYA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,WAAa,EAAA;AAAA,IACX,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,KAAO,EAAA,GAAA;AAAA,GACT;AACF,CAAE,CAAA,CAAA,CAAA;AACF,MAAM,IAAO,mBAAA,KAAA,CAAA,aAAA,CAAC,wBAAyB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA,CAAA;AACxD,MAAM,WAAc,mBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA,CAAA;AAE5C,MAAM,mBAA8C,CAAC,EAAE,OAAS,EAAA,OAAA,EAAS,eAAoB,KAAA;AAClG,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,SAAA,GAAyC,sBAAsB,OAAO,CAAA,CAAA;AAC5E,EAAM,MAAA,mBAAA,GAAsB,CAAC,GAAA,EAAa,QAA6B,KAAA;AACrE,IAAA,aAAA,CAAc,EAAE,GAAG,OAAA,EAAS,CAAC,GAAG,GAAG,UAAU,CAAA,CAAA;AAAA,GAC/C,CAAA;AAEA,EAAA,2CACG,GACE,EAAA,IAAA,EAAA,MAAA,CAAO,IAAK,CAAA,SAAS,EAAE,GAAI,CAAA,CAAA,GAAA,qBACzB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,WAAW,OAAQ,CAAA,WAAA,EAAa,GAAK,EAAA,CAAA,KAAA,EAAQ,GAAG,CAC3D,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,EAAA,EAAI,cAAc,GAAG,CAAA,CAAA;AAAA,MACrB,OAAA,EAAS,UAAU,GAAG,CAAA;AAAA,MACtB,KAAO,EAAA,OAAA,CAAQ,GAAG,CAAA,IAAK,EAAC;AAAA,MACxB,UAAU,CAAC,MAAA,EAAQ,OAAiB,OAAY,KAAA,mBAAA,CAAoB,KAAK,KAAK,CAAA;AAAA,MAC9E,oBAAoB,EAAA,IAAA;AAAA,MACpB,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,QAAA,EACvB,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,EAAe,GAAA,EAAK,CAAU,OAAA,EAAA,MAAM,sBAClC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAY,EAAA,WAAA,EAA0B,KAAO,EAAA,EAAE,WAAa,EAAA,CAAA,EAAK,EAAA,OAAA,EAAS,QAAU,EAAA,CAAA,EAC7F,MACH,CAAA;AAAA,MAEF,WAAA,EAAa,4BAAW,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,MAAQ,EAAA,OAAA,EAAQ,UAAW,EAAA,KAAA,EAAO,GAAK,EAAA,CAAA;AAAA,KAAA;AAAA,GAEjF,CACD,CAAA,kBACA,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,WAAa,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,EAAG,EAAA,EAAA,kBACjE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,WAAA,EAAY,KAAM,EAAA,SAAA,EAAU,OAAS,EAAA,MAAM,aAAc,CAAA,EAAE,CAAA,EAAA,EAAG,eAE9E,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ReportsComponent/ReportsComponent.esm.js

@@ -1,13 +1,19 @@
 import { Page, Header, Content, Progress } from '@backstage/core-components';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import { Grid } from '@material-ui/core';
+import { Grid, Chip } from '@material-ui/core';
+import Accordion from '@material-ui/core/Accordion';
+import AccordionDetails from '@material-ui/core/AccordionDetails';
+import AccordionSummary from '@material-ui/core/AccordionSummary';
+import Typography from '@material-ui/core/Typography';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { startOfMonth, addMonths, endOfMonth } from 'date-fns';
 import React, { useState, useCallback, useEffect } from 'react';
 import { infraWalletApiRef } from '../../api/InfraWalletApi.esm.js';
-import { getPeriodStrings, aggregateCostReports, mergeCostReports, getAllReportTags } from '../../api/functions.esm.js';
+import { getPeriodStrings, filterCostReports, aggregateCostReports, mergeCostReports, getAllReportTags } from '../../api/functions.esm.js';
 import { ColumnsChartComponent } from '../ColumnsChartComponent/ColumnsChartComponent.esm.js';
 import { CostReportsTableComponent } from '../CostReportsTableComponent/CostReportsTableComponent.esm.js';
 import { ErrorsAlertComponent } from '../ErrorsAlertComponent/ErrorsAlertComponent.esm.js';
+import { FiltersComponent } from '../FiltersComponent/FiltersComponent.esm.js';
 import { PieChartComponent } from '../PieChartComponent/PieChartComponent.esm.js';
 import { TopbarComponent } from '../TopbarComponent/TopbarComponent.esm.js';
 
@@ -29,17 +35,26 @@ const rearrangeData = (report, periods) => {
   });
   return costs;
 };
+const checkIfFiltersActivated = (filters) => {
+  let activated = false;
+  Object.keys(filters).forEach((key) => {
+    if (filters[key].length > 0) {
+      activated = true;
+    }
+  });
+  return activated;
+};
 const ReportsComponent = () => {
   const MERGE_THRESHOLD = 8;
   const [submittingState, setSubmittingState] = useState(false);
   const [reports, setReports] = useState([]);
+  const [filters, setFilters] = useState({});
   const [cloudProviderErrors, setCloudProviderErrors] = useState([]);
   const [reportsAggregated, setReportsAggregated] = useState([]);
   const [reportsAggregatedAndMerged, setReportsAggregatedAndMerged] = useState([]);
   const [reportTags, setReportTags] = useState([]);
   const [granularity, setGranularity] = useState("monthly");
   const [aggregatedBy, setAggregatedBy] = useState("none");
-  const [filters, _setFilters] = useState("");
   const [groups, _setGroups] = useState("");
   const [monthRangeState, setMonthRangeState] = React.useState({
     startMonth: startOfMonth(addMonths(/* @__PURE__ */ new Date(), -2)),
@@ -50,7 +65,7 @@ const ReportsComponent = () => {
   const infraWalletApi = useApi(infraWalletApiRef);
   const fetchCostReportsCallback = useCallback(async () => {
     setSubmittingState(true);
-    await infraWalletApi.getCostReports(filters, groups, granularity, monthRangeState.startMonth, monthRangeState.endMonth).then((reportsResponse) => {
+    await infraWalletApi.getCostReports("", groups, granularity, monthRangeState.startMonth, monthRangeState.endMonth).then((reportsResponse) => {
       if (reportsResponse.data && reportsResponse.data.length > 0) {
         setReports(reportsResponse.data);
         setPeriods(getPeriodStrings(granularity, monthRangeState.startMonth, monthRangeState.endMonth));
@@ -60,21 +75,22 @@ const ReportsComponent = () => {
       }
     }).catch((e) => alertApi.post({ message: `${e.message}`, severity: "error" }));
     setSubmittingState(false);
-  }, [filters, groups, monthRangeState, granularity, infraWalletApi, alertApi]);
+  }, [groups, monthRangeState, granularity, infraWalletApi, alertApi]);
   useEffect(() => {
     if (reports.length !== 0) {
-      const arrgegatedReports = aggregateCostReports(reports, aggregatedBy);
+      const filteredReports = filterCostReports(reports, filters);
+      const arrgegatedReports = aggregateCostReports(filteredReports, aggregatedBy);
       const aggregatedAndMergedReports = mergeCostReports(arrgegatedReports, MERGE_THRESHOLD);
       const allTags = getAllReportTags(reports);
       setReportsAggregated(arrgegatedReports);
       setReportsAggregatedAndMerged(aggregatedAndMergedReports);
       setReportTags(allTags);
     }
-  }, [reports, aggregatedBy, granularity, monthRangeState]);
+  }, [filters, reports, aggregatedBy, granularity, monthRangeState]);
   useEffect(() => {
     fetchCostReportsCallback();
   }, [fetchCostReportsCallback]);
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "InfraWallet" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, cloudProviderErrors.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(ErrorsAlertComponent, { errors: cloudProviderErrors })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "InfraWallet" }), /* @__PURE__ */ React.createElement(Content, null, submittingState ? /* @__PURE__ */ React.createElement(Progress, null) : null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, cloudProviderErrors.length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(ErrorsAlertComponent, { errors: cloudProviderErrors })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
     TopbarComponent,
     {
       aggregatedBy,
@@ -83,7 +99,7 @@ const ReportsComponent = () => {
       monthRange: monthRangeState,
       monthRangeSetter: setMonthRangeState
     }
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, submittingState ? /* @__PURE__ */ React.createElement(Progress, null) : null), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3 }, reportsAggregatedAndMerged.length > 0 && /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Accordion, null, /* @__PURE__ */ React.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null), "aria-controls": "filters-content", id: "filters-header" }, /* @__PURE__ */ React.createElement(Typography, null, "Filters ", checkIfFiltersActivated(filters) && /* @__PURE__ */ React.createElement(Chip, { size: "small", label: "active", color: "primary" }))), /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(FiltersComponent, { reports, filters, filtersSetter: setFilters })))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3 }, reportsAggregatedAndMerged.length > 0 && /* @__PURE__ */ React.createElement(
     PieChartComponent,
     {
       categories: reportsAggregatedAndMerged.map((item) => item.id),

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

@@ -1 +1 @@
-{"version":3,"file":"ReportsComponent.esm.js","sources":["../../../src/components/ReportsComponent/ReportsComponent.tsx"],"sourcesContent":["import { Content, Header, Page, Progress } from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Grid } from '@material-ui/core';\nimport { addMonths, endOfMonth, startOfMonth } from 'date-fns';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { infraWalletApiRef } from '../../api/InfraWalletApi';\nimport { aggregateCostReports, getAllReportTags, getPeriodStrings, mergeCostReports } from '../../api/functions';\nimport { CloudProviderError, Report } from '../../api/types';\nimport { ColumnsChartComponent } from '../ColumnsChartComponent';\nimport { CostReportsTableComponent } from '../CostReportsTableComponent';\nimport { ErrorsAlertComponent } from '../ErrorsAlertComponent';\nimport { PieChartComponent } from '../PieChartComponent';\nimport { TopbarComponent } from '../TopbarComponent';\nimport { MonthRange } from '../types';\n\nconst getTotalCost = (report: Report): number => {\n  let total = 0;\n  Object.keys(report.reports).forEach((s: string) => {\n    total += report.reports[s];\n  });\n  return total;\n};\n\nconst rearrangeData = (report: Report, periods: string[]): any[] => {\n  const costs: any[] = [];\n  periods.forEach((s: string) => {\n    if (report.reports[s] !== undefined) {\n      costs.push(report.reports[s]);\n    } else {\n      costs.push(null);\n    }\n  });\n  return costs;\n};\n\nexport const ReportsComponent = () => {\n  const MERGE_THRESHOLD = 8;\n  const [submittingState, setSubmittingState] = useState<Boolean>(false);\n  const [reports, setReports] = useState<Report[]>([]);\n  const [cloudProviderErrors, setCloudProviderErrors] = useState<CloudProviderError[]>([]);\n  const [reportsAggregated, setReportsAggregated] = useState<Report[]>([]);\n  const [reportsAggregatedAndMerged, setReportsAggregatedAndMerged] = useState<Report[]>([]);\n  const [reportTags, setReportTags] = useState<string[]>([]);\n  const [granularity, setGranularity] = useState<string>('monthly');\n  const [aggregatedBy, setAggregatedBy] = useState<string>('none');\n  const [filters, _setFilters] = useState<string>('');\n  const [groups, _setGroups] = useState<string>('');\n  const [monthRangeState, setMonthRangeState] = React.useState<MonthRange>({\n    startMonth: startOfMonth(addMonths(new Date(), -2)),\n    endMonth: endOfMonth(new Date()),\n  });\n  const [periods, setPeriods] = useState<string[]>([]);\n\n  const alertApi = useApi(alertApiRef);\n  const infraWalletApi = useApi(infraWalletApiRef);\n\n  const fetchCostReportsCallback = useCallback(async () => {\n    setSubmittingState(true);\n    await infraWalletApi\n      .getCostReports(filters, groups, granularity, monthRangeState.startMonth, monthRangeState.endMonth)\n      .then(reportsResponse => {\n        if (reportsResponse.data && reportsResponse.data.length > 0) {\n          setReports(reportsResponse.data);\n          setPeriods(getPeriodStrings(granularity, monthRangeState.startMonth, monthRangeState.endMonth));\n        }\n        if (reportsResponse.status === 207 && reportsResponse.errors) {\n          setCloudProviderErrors(reportsResponse.errors);\n        }\n      })\n      .catch(e => alertApi.post({ message: `${e.message}`, severity: 'error' }));\n    setSubmittingState(false);\n  }, [filters, groups, monthRangeState, granularity, infraWalletApi, alertApi]);\n\n  useEffect(() => {\n    if (reports.length !== 0) {\n      const arrgegatedReports = aggregateCostReports(reports, aggregatedBy);\n      const aggregatedAndMergedReports = mergeCostReports(arrgegatedReports, MERGE_THRESHOLD);\n      const allTags = getAllReportTags(reports);\n      setReportsAggregated(arrgegatedReports);\n      setReportsAggregatedAndMerged(aggregatedAndMergedReports);\n      setReportTags(allTags);\n    }\n  }, [reports, aggregatedBy, granularity, monthRangeState]);\n\n  useEffect(() => {\n    fetchCostReportsCallback();\n  }, [fetchCostReportsCallback]);\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"InfraWallet\" />\n      <Content>\n        <Grid container spacing={3}>\n          {cloudProviderErrors.length > 0 && (\n            <Grid item xs={12}>\n              <ErrorsAlertComponent errors={cloudProviderErrors} />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <TopbarComponent\n              aggregatedBy={aggregatedBy}\n              aggregatedBySetter={setAggregatedBy}\n              tags={reportTags}\n              monthRange={monthRangeState}\n              monthRangeSetter={setMonthRangeState}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            {submittingState ? <Progress /> : null}\n          </Grid>\n          <Grid item xs={12} md={4} lg={3}>\n            {reportsAggregatedAndMerged.length > 0 && (\n              <PieChartComponent\n                categories={reportsAggregatedAndMerged.map((item: any) => item.id)}\n                series={reportsAggregatedAndMerged.map((item: any) => getTotalCost(item))}\n                height={350}\n              />\n            )}\n          </Grid>\n          <Grid item xs={12} md={8} lg={9}>\n            {reportsAggregatedAndMerged.length > 0 && (\n              <ColumnsChartComponent\n                granularitySetter={setGranularity}\n                categories={periods}\n                series={reportsAggregatedAndMerged.map((item: any) => ({\n                  name: item.id,\n                  data: rearrangeData(item, periods),\n                }))}\n                height={350}\n              />\n            )}\n          </Grid>\n          <Grid item xs={12}>\n            {reportsAggregated.length > 0 && (\n              <CostReportsTableComponent reports={reportsAggregated} aggregatedBy={aggregatedBy} periods={periods} />\n            )}\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,MAAM,YAAA,GAAe,CAAC,MAA2B,KAAA;AAC/C,EAAA,IAAI,KAAQ,GAAA,CAAA,CAAA;AACZ,EAAA,MAAA,CAAO,KAAK,MAAO,CAAA,OAAO,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAc,KAAA;AACjD,IAAS,KAAA,IAAA,MAAA,CAAO,QAAQ,CAAC,CAAA,CAAA;AAAA,GAC1B,CAAA,CAAA;AACD,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAgB,OAA6B,KAAA;AAClE,EAAA,MAAM,QAAe,EAAC,CAAA;AACtB,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,CAAc,KAAA;AAC7B,IAAA,IAAI,MAAO,CAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,KAAW,CAAA,EAAA;AACnC,MAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,OAAQ,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,KACvB,MAAA;AACL,MAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AAAA,KACjB;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,KAAA,CAAA;AACT,CAAA,CAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,eAAkB,GAAA,CAAA,CAAA;AACxB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AACrE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,mBAAqB,EAAA,sBAAsB,CAAI,GAAA,QAAA,CAA+B,EAAE,CAAA,CAAA;AACvF,EAAA,MAAM,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AACvE,EAAA,MAAM,CAAC,0BAA4B,EAAA,6BAA6B,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AACzF,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AACzD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAiB,SAAS,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAiB,MAAM,CAAA,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,WAAW,CAAA,GAAI,SAAiB,EAAE,CAAA,CAAA;AAClD,EAAA,MAAM,CAAC,MAAA,EAAQ,UAAU,CAAA,GAAI,SAAiB,EAAE,CAAA,CAAA;AAChD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,MAAM,QAAqB,CAAA;AAAA,IACvE,YAAY,YAAa,CAAA,SAAA,qBAAc,IAAK,EAAA,EAAG,EAAE,CAAC,CAAA;AAAA,IAClD,QAAU,EAAA,UAAA,iBAAe,IAAA,IAAA,EAAM,CAAA;AAAA,GAChC,CAAA,CAAA;AACD,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAEnD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,cAAA,GAAiB,OAAO,iBAAiB,CAAA,CAAA;AAE/C,EAAM,MAAA,wBAAA,GAA2B,YAAY,YAAY;AACvD,IAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AACvB,IAAM,MAAA,cAAA,CACH,cAAe,CAAA,OAAA,EAAS,MAAQ,EAAA,WAAA,EAAa,eAAgB,CAAA,UAAA,EAAY,eAAgB,CAAA,QAAQ,CACjG,CAAA,IAAA,CAAK,CAAmB,eAAA,KAAA;AACvB,MAAA,IAAI,eAAgB,CAAA,IAAA,IAAQ,eAAgB,CAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AAC3D,QAAA,UAAA,CAAW,gBAAgB,IAAI,CAAA,CAAA;AAC/B,QAAA,UAAA,CAAW,iBAAiB,WAAa,EAAA,eAAA,CAAgB,UAAY,EAAA,eAAA,CAAgB,QAAQ,CAAC,CAAA,CAAA;AAAA,OAChG;AACA,MAAA,IAAI,eAAgB,CAAA,MAAA,KAAW,GAAO,IAAA,eAAA,CAAgB,MAAQ,EAAA;AAC5D,QAAA,sBAAA,CAAuB,gBAAgB,MAAM,CAAA,CAAA;AAAA,OAC/C;AAAA,KACD,CAAA,CACA,KAAM,CAAA,CAAA,CAAA,KAAK,SAAS,IAAK,CAAA,EAAE,OAAS,EAAA,CAAA,EAAG,EAAE,OAAO,CAAA,CAAA,EAAI,QAAU,EAAA,OAAA,EAAS,CAAC,CAAA,CAAA;AAC3E,IAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,OAAS,EAAA,MAAA,EAAQ,iBAAiB,WAAa,EAAA,cAAA,EAAgB,QAAQ,CAAC,CAAA,CAAA;AAE5E,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,MAAM,MAAA,iBAAA,GAAoB,oBAAqB,CAAA,OAAA,EAAS,YAAY,CAAA,CAAA;AACpE,MAAM,MAAA,0BAAA,GAA6B,gBAAiB,CAAA,iBAAA,EAAmB,eAAe,CAAA,CAAA;AACtF,MAAM,MAAA,OAAA,GAAU,iBAAiB,OAAO,CAAA,CAAA;AACxC,MAAA,oBAAA,CAAqB,iBAAiB,CAAA,CAAA;AACtC,MAAA,6BAAA,CAA8B,0BAA0B,CAAA,CAAA;AACxD,MAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAAA,KACvB;AAAA,KACC,CAAC,OAAA,EAAS,YAAc,EAAA,WAAA,EAAa,eAAe,CAAC,CAAA,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACd,IAAyB,wBAAA,EAAA,CAAA;AAAA,GAC3B,EAAG,CAAC,wBAAwB,CAAC,CAAA,CAAA;AAE7B,EAAA,2CACG,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,aAAA,EAAc,CAC5B,kBAAA,KAAA,CAAA,aAAA,CAAC,+BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACtB,EAAA,EAAA,mBAAA,CAAoB,MAAS,GAAA,CAAA,wCAC3B,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,MAAQ,EAAA,mBAAA,EAAqB,CACrD,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,kBAAoB,EAAA,eAAA;AAAA,MACpB,IAAM,EAAA,UAAA;AAAA,MACN,UAAY,EAAA,eAAA;AAAA,MACZ,gBAAkB,EAAA,kBAAA;AAAA,KAAA;AAAA,GAEtB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACZ,EAAA,EAAA,eAAA,mBAAmB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,CAAK,GAAA,IACpC,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAA,EAC3B,0BAA2B,CAAA,MAAA,GAAS,CACnC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,YAAY,0BAA2B,CAAA,GAAA,CAAI,CAAC,IAAA,KAAc,KAAK,EAAE,CAAA;AAAA,MACjE,QAAQ,0BAA2B,CAAA,GAAA,CAAI,CAAC,IAAc,KAAA,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,MACxE,MAAQ,EAAA,GAAA;AAAA,KAAA;AAAA,GAGd,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC3B,EAAA,EAAA,0BAAA,CAA2B,SAAS,CACnC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,iBAAmB,EAAA,cAAA;AAAA,MACnB,UAAY,EAAA,OAAA;AAAA,MACZ,MAAQ,EAAA,0BAAA,CAA2B,GAAI,CAAA,CAAC,IAAe,MAAA;AAAA,QACrD,MAAM,IAAK,CAAA,EAAA;AAAA,QACX,IAAA,EAAM,aAAc,CAAA,IAAA,EAAM,OAAO,CAAA;AAAA,OACjC,CAAA,CAAA;AAAA,MACF,MAAQ,EAAA,GAAA;AAAA,KAAA;AAAA,GAGd,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,MACZ,iBAAkB,CAAA,MAAA,GAAS,qBACzB,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA,EAA0B,SAAS,iBAAmB,EAAA,YAAA,EAA4B,SAAkB,CAEzG,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ReportsComponent.esm.js","sources":["../../../src/components/ReportsComponent/ReportsComponent.tsx"],"sourcesContent":["import { Content, Header, Page, Progress } from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Chip, Grid } from '@material-ui/core';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { addMonths, endOfMonth, startOfMonth } from 'date-fns';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { infraWalletApiRef } from '../../api/InfraWalletApi';\nimport {\n  aggregateCostReports,\n  filterCostReports,\n  getAllReportTags,\n  getPeriodStrings,\n  mergeCostReports,\n} from '../../api/functions';\nimport { CloudProviderError, Filters, Report } from '../../api/types';\nimport { ColumnsChartComponent } from '../ColumnsChartComponent';\nimport { CostReportsTableComponent } from '../CostReportsTableComponent';\nimport { ErrorsAlertComponent } from '../ErrorsAlertComponent';\nimport { FiltersComponent } from '../FiltersComponent';\nimport { PieChartComponent } from '../PieChartComponent';\nimport { TopbarComponent } from '../TopbarComponent';\nimport { MonthRange } from '../types';\n\nconst getTotalCost = (report: Report): number => {\n  let total = 0;\n  Object.keys(report.reports).forEach((s: string) => {\n    total += report.reports[s];\n  });\n  return total;\n};\n\nconst rearrangeData = (report: Report, periods: string[]): any[] => {\n  const costs: any[] = [];\n  periods.forEach((s: string) => {\n    if (report.reports[s] !== undefined) {\n      costs.push(report.reports[s]);\n    } else {\n      costs.push(null);\n    }\n  });\n  return costs;\n};\n\nconst checkIfFiltersActivated = (filters: Filters): boolean => {\n  let activated = false;\n  Object.keys(filters).forEach((key: string) => {\n    if (filters[key].length > 0) {\n      activated = true;\n    }\n  });\n  return activated;\n};\n\nexport const ReportsComponent = () => {\n  const MERGE_THRESHOLD = 8;\n  const [submittingState, setSubmittingState] = useState<Boolean>(false);\n  const [reports, setReports] = useState<Report[]>([]);\n  const [filters, setFilters] = useState<Filters>({});\n  const [cloudProviderErrors, setCloudProviderErrors] = useState<CloudProviderError[]>([]);\n  const [reportsAggregated, setReportsAggregated] = useState<Report[]>([]);\n  const [reportsAggregatedAndMerged, setReportsAggregatedAndMerged] = useState<Report[]>([]);\n  const [reportTags, setReportTags] = useState<string[]>([]);\n  const [granularity, setGranularity] = useState<string>('monthly');\n  const [aggregatedBy, setAggregatedBy] = useState<string>('none');\n  const [groups, _setGroups] = useState<string>('');\n  const [monthRangeState, setMonthRangeState] = React.useState<MonthRange>({\n    startMonth: startOfMonth(addMonths(new Date(), -2)),\n    endMonth: endOfMonth(new Date()),\n  });\n  const [periods, setPeriods] = useState<string[]>([]);\n\n  const alertApi = useApi(alertApiRef);\n  const infraWalletApi = useApi(infraWalletApiRef);\n\n  const fetchCostReportsCallback = useCallback(async () => {\n    setSubmittingState(true);\n    await infraWalletApi\n      .getCostReports('', groups, granularity, monthRangeState.startMonth, monthRangeState.endMonth)\n      .then(reportsResponse => {\n        if (reportsResponse.data && reportsResponse.data.length > 0) {\n          setReports(reportsResponse.data);\n          setPeriods(getPeriodStrings(granularity, monthRangeState.startMonth, monthRangeState.endMonth));\n        }\n        if (reportsResponse.status === 207 && reportsResponse.errors) {\n          setCloudProviderErrors(reportsResponse.errors);\n        }\n      })\n      .catch(e => alertApi.post({ message: `${e.message}`, severity: 'error' }));\n    setSubmittingState(false);\n  }, [groups, monthRangeState, granularity, infraWalletApi, alertApi]);\n\n  useEffect(() => {\n    if (reports.length !== 0) {\n      const filteredReports = filterCostReports(reports, filters);\n      const arrgegatedReports = aggregateCostReports(filteredReports, aggregatedBy);\n      const aggregatedAndMergedReports = mergeCostReports(arrgegatedReports, MERGE_THRESHOLD);\n      const allTags = getAllReportTags(reports);\n      setReportsAggregated(arrgegatedReports);\n      setReportsAggregatedAndMerged(aggregatedAndMergedReports);\n      setReportTags(allTags);\n    }\n  }, [filters, reports, aggregatedBy, granularity, monthRangeState]);\n\n  useEffect(() => {\n    fetchCostReportsCallback();\n  }, [fetchCostReportsCallback]);\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"InfraWallet\" />\n      <Content>\n        {submittingState ? <Progress /> : null}\n        <Grid container spacing={3}>\n          {cloudProviderErrors.length > 0 && (\n            <Grid item xs={12}>\n              <ErrorsAlertComponent errors={cloudProviderErrors} />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <TopbarComponent\n              aggregatedBy={aggregatedBy}\n              aggregatedBySetter={setAggregatedBy}\n              tags={reportTags}\n              monthRange={monthRangeState}\n              monthRangeSetter={setMonthRangeState}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <Accordion>\n              <AccordionSummary expandIcon={<ExpandMoreIcon />} aria-controls=\"filters-content\" id=\"filters-header\">\n                <Typography>\n                  Filters {checkIfFiltersActivated(filters) && <Chip size=\"small\" label=\"active\" color=\"primary\" />}\n                </Typography>\n              </AccordionSummary>\n              <AccordionDetails>\n                <FiltersComponent reports={reports} filters={filters} filtersSetter={setFilters} />\n              </AccordionDetails>\n            </Accordion>\n          </Grid>\n          <Grid item xs={12} md={4} lg={3}>\n            {reportsAggregatedAndMerged.length > 0 && (\n              <PieChartComponent\n                categories={reportsAggregatedAndMerged.map((item: any) => item.id)}\n                series={reportsAggregatedAndMerged.map((item: any) => getTotalCost(item))}\n                height={350}\n              />\n            )}\n          </Grid>\n          <Grid item xs={12} md={8} lg={9}>\n            {reportsAggregatedAndMerged.length > 0 && (\n              <ColumnsChartComponent\n                granularitySetter={setGranularity}\n                categories={periods}\n                series={reportsAggregatedAndMerged.map((item: any) => ({\n                  name: item.id,\n                  data: rearrangeData(item, periods),\n                }))}\n                height={350}\n              />\n            )}\n          </Grid>\n          <Grid item xs={12}>\n            {reportsAggregated.length > 0 && (\n              <CostReportsTableComponent reports={reportsAggregated} aggregatedBy={aggregatedBy} periods={periods} />\n            )}\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electrolux-oss/plugin-infrawallet",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "backstage": {
     "role": "frontend-plugin"
   },