@backstage-community/plugin-cost-insights 0.12.25 → 0.12.26

package/dist/utils/styles.esm.js

@@ -0,0 +1,562 @@
+import { lighten, emphasize, getLuminance, darken } from '@material-ui/core/styles/colorManipulator';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+
+const costInsightsLightTheme = {
+  palette: {
+    blue: "#509AF5",
+    lightBlue: "#9BF0E1",
+    darkBlue: "#4101F5",
+    magenta: "#DC148C",
+    yellow: "#FFC864",
+    tooltip: {
+      background: "#171717",
+      color: "#DDD"
+    },
+    navigationText: "#b5b5b5",
+    alertBackground: "rgba(219, 219, 219, 0.13)",
+    dataViz: [
+      "#509BF5",
+      "#4B917D",
+      "#FF6437",
+      "#F573A0",
+      "#F59B23",
+      "#B49BC8",
+      "#C39687",
+      "#A0C3D2",
+      "#FFC864",
+      "#BABABA"
+    ]
+  }
+};
+const costInsightsDarkTheme = {
+  palette: {
+    blue: "#77b8f9",
+    lightBlue: "#d8f9f4",
+    darkBlue: "#b595fd",
+    magenta: "#ee93cd",
+    yellow: "#fff2da",
+    tooltip: {
+      background: "#EEE",
+      color: "#424242"
+    },
+    navigationText: "#b5b5b5",
+    alertBackground: "rgba(32, 32, 32, 0.13)",
+    dataViz: [
+      "#8accff",
+      "#7bc2ac",
+      "#ff9664",
+      "#ffa5d1",
+      "#ffcc57",
+      "#e6ccfb",
+      "#f7c7b7",
+      "#d2f6ff",
+      "#fffb94",
+      "#ececec"
+    ]
+  }
+};
+function brighten(color, coefficient = 0.2) {
+  return getLuminance(color) > 0.5 ? lighten(color, coefficient) : darken(color, coefficient);
+}
+const useCostOverviewStyles = (theme) => ({
+  axis: {
+    fill: theme.palette.text.primary
+  },
+  container: {
+    height: 450,
+    width: 1200
+  },
+  cartesianGrid: {
+    stroke: theme.palette.textVerySubtle
+  },
+  chart: {
+    margin: {
+      right: 30,
+      top: 16
+    }
+  },
+  yAxis: {
+    width: 75
+  }
+});
+const useOverviewTabsStyles = makeStyles(
+  (theme) => ({
+    default: {
+      padding: theme.spacing(2),
+      fontWeight: theme.typography.fontWeightBold,
+      color: theme.palette.text.secondary,
+      textTransform: "uppercase"
+    },
+    selected: {
+      color: theme.palette.text.primary
+    }
+  })
+);
+const useBarChartStyles = (theme) => ({
+  axis: {
+    fill: theme.palette.text.primary
+  },
+  barChart: {
+    margin: {
+      left: 16,
+      right: 16
+    }
+  },
+  cartesianGrid: {
+    stroke: theme.palette.textVerySubtle
+  },
+  cursor: {
+    fill: theme.palette.textVerySubtle,
+    fillOpacity: 0.3
+  },
+  container: {
+    height: 400,
+    width: 1200
+  },
+  infoIcon: {
+    marginLeft: 2,
+    fontSize: "1.25em"
+  },
+  xAxis: {
+    height: 50
+  }
+});
+const useBarChartLayoutStyles = makeStyles(
+  (theme) => createStyles({
+    wrapper: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    legend: {
+      paddingBottom: theme.spacing(2)
+    }
+  })
+);
+const useBarChartStepperButtonStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      ...theme.typography.button,
+      boxSizing: "border-box",
+      transition: theme.transitions.create(
+        ["background-color", "box-shadow", "border"],
+        {
+          duration: theme.transitions.duration.short
+        }
+      ),
+      borderRadius: "50%",
+      padding: 0,
+      width: 40,
+      height: 40,
+      boxShadow: theme.shadows[6],
+      "&:active": {
+        boxShadow: theme.shadows[12]
+      },
+      color: theme.palette.text.primary,
+      backgroundColor: lighten(theme.palette.background.default, 0.1),
+      "&:hover": {
+        backgroundColor: lighten(theme.palette.background.default, 0.2),
+        textDecoration: "none"
+      }
+    }
+  })
+);
+const useBarChartLabelStyles = makeStyles(
+  (theme) => createStyles({
+    foreignObject: {
+      textAlign: "center"
+    },
+    label: {
+      fontWeight: theme.typography.fontWeightBold,
+      display: "block",
+      textDecoration: "none",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    infoIcon: {
+      marginLeft: 2,
+      fontSize: "1.25em"
+    },
+    button: {
+      textTransform: "none",
+      fontWeight: theme.typography.fontWeightBold,
+      fontSize: theme.typography.fontSize
+    }
+  })
+);
+const useCostInsightsStyles = makeStyles((theme) => ({
+  h6Subtle: {
+    ...theme.typography.h6,
+    fontWeight: "normal",
+    color: theme.palette.textSubtle
+  }
+}));
+const useCostInsightsTabsStyles = makeStyles((theme) => ({
+  tabs: {
+    borderBottom: `1px solid ${theme.palette.textVerySubtle}`,
+    backgroundColor: brighten(theme.palette.background.default),
+    padding: theme.spacing(0, 4)
+  },
+  tab: {
+    minHeight: 68,
+    minWidth: 180,
+    padding: theme.spacing(1, 4),
+    "&:hover": {
+      color: "inherit",
+      backgroundColor: "inherit"
+    }
+  },
+  indicator: {
+    backgroundColor: theme.palette.navigation.indicator,
+    height: 4
+  },
+  tabLabel: {
+    display: "flex",
+    alignItems: "center"
+  },
+  tabLabelText: {
+    fontSize: theme.typography.fontSize,
+    fontWeight: theme.typography.fontWeightBold
+  },
+  menuItem: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    minWidth: 180,
+    padding: theme.spacing(2, 2)
+  },
+  menuItemSelected: {
+    backgroundColor: lighten(theme.palette.background.default, 0.3)
+  }
+}));
+makeStyles(
+  (theme) => createStyles({
+    root: {
+      paddingBottom: theme.spacing(2),
+      borderRadius: "unset"
+    },
+    title: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: theme.typography.fontWeightBold,
+      lineHeight: 1.5
+    },
+    action: {
+      margin: 0
+    }
+  })
+);
+const useCostGrowthStyles = makeStyles(
+  (theme) => createStyles({
+    excess: {
+      color: theme.palette.status.error
+    },
+    savings: {
+      color: theme.palette.status.ok
+    },
+    indicator: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-end"
+    }
+  })
+);
+const useCostGrowthLegendStyles = makeStyles((theme) => ({
+  h5: {
+    ...theme.typography.h5,
+    fontWeight: 500,
+    padding: 0
+  },
+  marker: {
+    display: "inherit",
+    marginRight: theme.spacing(1)
+  },
+  helpIcon: {
+    display: "inherit"
+  },
+  title: {
+    ...theme.typography.overline,
+    fontWeight: 500,
+    lineHeight: 0,
+    marginRight: theme.spacing(1),
+    color: theme.palette.textSubtle
+  },
+  tooltip: {
+    display: "block",
+    padding: theme.spacing(1),
+    backgroundColor: theme.palette.navigation.background
+  },
+  tooltipText: {
+    color: theme.palette.background.default,
+    fontSize: theme.typography.fontSize,
+    lineHeight: 1.5
+  }
+}));
+const useBarChartStepperStyles = makeStyles(
+  (theme) => createStyles({
+    paper: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-around",
+      alignItems: "center",
+      background: "transparent",
+      padding: 8
+    },
+    step: {
+      backgroundColor: theme.palette.action.disabled,
+      borderRadius: "50%",
+      width: 9,
+      height: 9,
+      margin: "0 2px"
+    },
+    stepActive: {
+      backgroundColor: theme.palette.primary.main
+    },
+    steps: {
+      display: "flex",
+      flexDirection: "row"
+    },
+    backButton: {
+      position: "absolute",
+      left: 0,
+      top: "calc(50% - 60px)",
+      zIndex: 100
+    },
+    nextButton: {
+      position: "absolute",
+      right: 0,
+      top: "calc(50% - 60px)",
+      zIndex: 100
+    }
+  })
+);
+const useNavigationStyles = makeStyles(
+  (theme) => createStyles({
+    menuList: {
+      borderRadius: theme.shape.borderRadius,
+      backgroundColor: theme.palette.navigation.background,
+      minWidth: 250
+    },
+    menuItem: {
+      background: "transparent",
+      border: 0,
+      textTransform: "none",
+      width: "100%",
+      minHeight: theme.spacing(6),
+      margin: theme.spacing(0.5, 2, 0.5, 0)
+    },
+    listItemIcon: {
+      minWidth: 40
+    },
+    navigationIcon: {
+      fill: theme.palette.navigationText
+    },
+    title: {
+      whiteSpace: "nowrap",
+      lineHeight: 1,
+      color: theme.palette.navigationText,
+      fontWeight: theme.typography.fontWeightBold
+    }
+  })
+);
+const useTooltipStyles = makeStyles(
+  (theme) => createStyles({
+    tooltip: {
+      backgroundColor: theme.palette.tooltip.background,
+      borderRadius: theme.shape.borderRadius,
+      boxShadow: theme.shadows[1],
+      color: theme.palette.tooltip.color,
+      fontSize: theme.typography.fontSize,
+      minWidth: 300
+    },
+    maxWidth: {
+      maxWidth: 300
+    },
+    actions: {
+      padding: theme.spacing(2)
+    },
+    header: {
+      padding: theme.spacing(2)
+    },
+    content: {
+      padding: theme.spacing(2)
+    },
+    lensIcon: {
+      fontSize: `.75rem`
+    },
+    divider: {
+      backgroundColor: emphasize(theme.palette.divider, 1)
+    },
+    truncate: {
+      maxWidth: 200,
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    subtitle: {
+      fontStyle: "italic"
+    }
+  })
+);
+const useAlertInsightsSectionStyles = makeStyles(
+  (theme) => createStyles({
+    button: {
+      backgroundColor: theme.palette.textVerySubtle,
+      color: theme.palette.text.primary
+    }
+  })
+);
+const useSelectStyles = makeStyles(
+  (theme) => createStyles({
+    select: {
+      minWidth: 200,
+      textAlign: "start",
+      backgroundColor: theme.palette.background.paper
+    },
+    menuItem: {
+      minWidth: 200,
+      padding: theme.spacing(2),
+      "&.compact": {
+        padding: theme.spacing(1, 2)
+      }
+    }
+  })
+);
+const useActionItemCardStyles = makeStyles(
+  (theme) => createStyles({
+    card: {
+      boxShadow: "none"
+    },
+    avatar: {
+      backgroundColor: theme.palette.textVerySubtle,
+      color: theme.palette.text.primary
+    },
+    root: {
+      minHeight: 80,
+      paddingBottom: theme.spacing(2),
+      borderRadius: theme.shape.borderRadius
+    },
+    activeRoot: {
+      cursor: "pointer",
+      transition: theme.transitions.create("background", {
+        duration: theme.transitions.duration.short
+      }),
+      "&:hover": {
+        background: theme.palette.alertBackground
+      }
+    },
+    action: {
+      margin: 0
+    },
+    title: {
+      fontSize: theme.typography.fontSize,
+      fontWeight: theme.typography.fontWeightBold
+    }
+  })
+);
+const useProductInsightsCardStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      padding: theme.spacing(2, 2, 2, 2.5)
+      // restore backstage default padding
+    },
+    action: {
+      margin: 0
+      // unset negative margins
+    }
+  })
+);
+const useProductInsightsChartStyles = makeStyles(
+  (theme) => createStyles({
+    indicator: {
+      fontWeight: theme.typography.fontWeightBold,
+      fontSize: "1.25rem"
+    },
+    actions: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  })
+);
+const useBackdropStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      zIndex: theme.zIndex.modal
+    }
+  })
+);
+const useSubtleTypographyStyles = makeStyles(
+  (theme) => createStyles({
+    root: {
+      color: theme.palette.textSubtle
+    }
+  })
+);
+const useEntityDialogStyles = makeStyles(
+  (theme) => createStyles({
+    dialogContent: {
+      padding: 0
+    },
+    dialogTitle: {
+      padding: 0
+    },
+    closeButton: {
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+      color: theme.palette.grey[500],
+      zIndex: 100
+    },
+    row: {
+      fontSize: theme.typography.fontSize * 1.25
+    },
+    rowTotal: {
+      fontWeight: theme.typography.fontWeightBold
+    },
+    colFirst: {
+      paddingLeft: theme.spacing(2)
+    },
+    colLast: {
+      paddingRight: theme.spacing(2)
+    },
+    column: {
+      fontWeight: theme.typography.fontWeightBold
+    },
+    growth: {
+      display: "flex",
+      flexDirection: "row",
+      alignContent: "center",
+      justifyContent: "flex-end"
+    }
+  })
+);
+const useAlertDialogStyles = makeStyles(
+  (theme) => createStyles({
+    content: {
+      padding: theme.spacing(0, 5, 2, 5)
+    },
+    actions: {
+      padding: theme.spacing(2, 5)
+    },
+    radio: {
+      margin: theme.spacing(-0.5, 0, -0.5, 0)
+    },
+    icon: {
+      color: theme.palette.primary.dark,
+      margin: theme.spacing(2.5, 2.5, 0, 0),
+      padding: 0
+    }
+  })
+);
+const useAlertStatusSummaryButtonStyles = makeStyles(() => ({
+  icon: {
+    transform: "transform 5s"
+  },
+  clicked: {
+    transform: "rotate(180deg)"
+  }
+}));
+
+export { brighten, costInsightsDarkTheme, costInsightsLightTheme, useActionItemCardStyles, useAlertDialogStyles, useAlertInsightsSectionStyles, useAlertStatusSummaryButtonStyles, useBackdropStyles, useBarChartLabelStyles, useBarChartLayoutStyles, useBarChartStepperButtonStyles, useBarChartStepperStyles, useBarChartStyles, useCostGrowthLegendStyles, useCostGrowthStyles, useCostInsightsStyles, useCostInsightsTabsStyles, useCostOverviewStyles, useEntityDialogStyles, useNavigationStyles, useOverviewTabsStyles, useProductInsightsCardStyles, useProductInsightsChartStyles, useSelectStyles, useSubtleTypographyStyles, useTooltipStyles };
+//# sourceMappingURL=styles.esm.js.map

package/dist/utils/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../src/utils/styles.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  emphasize,\n  lighten,\n  darken,\n  getLuminance,\n} from '@material-ui/core/styles/colorManipulator';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport { CostInsightsTheme, CostInsightsThemeOptions } from '../types';\n\nexport const costInsightsLightTheme = {\n  palette: {\n    blue: '#509AF5',\n    lightBlue: '#9BF0E1',\n    darkBlue: '#4101F5',\n    magenta: '#DC148C',\n    yellow: '#FFC864',\n    tooltip: {\n      background: '#171717',\n      color: '#DDD',\n    },\n    navigationText: '#b5b5b5',\n    alertBackground: 'rgba(219, 219, 219, 0.13)',\n    dataViz: [\n      '#509BF5',\n      '#4B917D',\n      '#FF6437',\n      '#F573A0',\n      '#F59B23',\n      '#B49BC8',\n      '#C39687',\n      '#A0C3D2',\n      '#FFC864',\n      '#BABABA',\n    ],\n  },\n} as CostInsightsThemeOptions;\n\n// Higher tonal values from light theme (Google recommends 600 -> 200)\n// https://material.io/design/color/the-color-system.html#tools-for-picking-colors\nexport const costInsightsDarkTheme = {\n  palette: {\n    blue: '#77b8f9',\n    lightBlue: '#d8f9f4',\n    darkBlue: '#b595fd',\n    magenta: '#ee93cd',\n    yellow: '#fff2da',\n    tooltip: {\n      background: '#EEE',\n      color: '#424242',\n    },\n    navigationText: '#b5b5b5',\n    alertBackground: 'rgba(32, 32, 32, 0.13)',\n    dataViz: [\n      '#8accff',\n      '#7bc2ac',\n      '#ff9664',\n      '#ffa5d1',\n      '#ffcc57',\n      '#e6ccfb',\n      '#f7c7b7',\n      '#d2f6ff',\n      '#fffb94',\n      '#ececec',\n    ],\n  },\n} as CostInsightsThemeOptions;\n\n// The opposite of Material UI's emphasize function - darken darks, lighten lights\nexport function brighten(color: string, coefficient = 0.2) {\n  return getLuminance(color) > 0.5\n    ? lighten(color, coefficient)\n    : darken(color, coefficient);\n}\n\nexport const useCostOverviewStyles = (theme: CostInsightsTheme) => ({\n  axis: {\n    fill: theme.palette.text.primary,\n  },\n  container: {\n    height: 450,\n    width: 1200,\n  },\n  cartesianGrid: {\n    stroke: theme.palette.textVerySubtle,\n  },\n  chart: {\n    margin: {\n      right: 30,\n      top: 16,\n    },\n  },\n  yAxis: {\n    width: 75,\n  },\n});\n\nexport const useOverviewTabsStyles = makeStyles<CostInsightsTheme>(\n  (theme: CostInsightsTheme) => ({\n    default: {\n      padding: theme.spacing(2),\n      fontWeight: theme.typography.fontWeightBold,\n      color: theme.palette.text.secondary,\n      textTransform: 'uppercase',\n    },\n    selected: {\n      color: theme.palette.text.primary,\n    },\n  }),\n);\n\nexport const useBarChartStyles = (theme: CostInsightsTheme) => ({\n  axis: {\n    fill: theme.palette.text.primary,\n  },\n  barChart: {\n    margin: {\n      left: 16,\n      right: 16,\n    },\n  },\n  cartesianGrid: {\n    stroke: theme.palette.textVerySubtle,\n  },\n  cursor: {\n    fill: theme.palette.textVerySubtle,\n    fillOpacity: 0.3,\n  },\n  container: {\n    height: 400,\n    width: 1200,\n  },\n  infoIcon: {\n    marginLeft: 2,\n    fontSize: '1.25em',\n  },\n  xAxis: {\n    height: 50,\n  },\n});\n\nexport const useBarChartLayoutStyles = makeStyles(theme =>\n  createStyles({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    legend: {\n      paddingBottom: theme.spacing(2),\n    },\n  }),\n);\n\nexport const useBarChartStepperButtonStyles = makeStyles<CostInsightsTheme>(\n  (theme: CostInsightsTheme) =>\n    createStyles({\n      root: {\n        ...theme.typography.button,\n        boxSizing: 'border-box',\n        transition: theme.transitions.create(\n          ['background-color', 'box-shadow', 'border'],\n          {\n            duration: theme.transitions.duration.short,\n          },\n        ),\n        borderRadius: '50%',\n        padding: 0,\n        width: 40,\n        height: 40,\n        boxShadow: theme.shadows[6],\n        '&:active': {\n          boxShadow: theme.shadows[12],\n        },\n        color: theme.palette.text.primary,\n        backgroundColor: lighten(theme.palette.background.default, 0.1),\n        '&:hover': {\n          backgroundColor: lighten(theme.palette.background.default, 0.2),\n          textDecoration: 'none',\n        },\n      },\n    }),\n);\n\nexport const useBarChartLabelStyles = makeStyles(theme =>\n  createStyles({\n    foreignObject: {\n      textAlign: 'center',\n    },\n    label: {\n      fontWeight: theme.typography.fontWeightBold,\n      display: 'block',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    infoIcon: {\n      marginLeft: 2,\n      fontSize: '1.25em',\n    },\n    button: {\n      textTransform: 'none',\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: theme.typography.fontSize,\n    },\n  }),\n);\n\nexport const useCostInsightsStyles = makeStyles(theme => ({\n  h6Subtle: {\n    ...theme.typography.h6,\n    fontWeight: 'normal',\n    color: theme.palette.textSubtle,\n  },\n}));\n\nexport const useCostInsightsTabsStyles = makeStyles<Theme>(theme => ({\n  tabs: {\n    borderBottom: `1px solid ${theme.palette.textVerySubtle}`,\n    backgroundColor: brighten(theme.palette.background.default),\n    padding: theme.spacing(0, 4),\n  },\n  tab: {\n    minHeight: 68,\n    minWidth: 180,\n    padding: theme.spacing(1, 4),\n    '&:hover': {\n      color: 'inherit',\n      backgroundColor: 'inherit',\n    },\n  },\n  indicator: {\n    backgroundColor: theme.palette.navigation.indicator,\n    height: 4,\n  },\n  tabLabel: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tabLabelText: {\n    fontSize: theme.typography.fontSize,\n    fontWeight: theme.typography.fontWeightBold,\n  },\n  menuItem: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    minWidth: 180,\n    padding: theme.spacing(2, 2),\n  },\n  menuItemSelected: {\n    backgroundColor: lighten(theme.palette.background.default, 0.3),\n  },\n}));\n\nexport const useAlertCardActionHeaderStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      paddingBottom: theme.spacing(2),\n      borderRadius: 'unset',\n    },\n    title: {\n      fontSize: theme.typography.fontSize,\n      fontWeight: theme.typography.fontWeightBold,\n      lineHeight: 1.5,\n    },\n    action: {\n      margin: 0,\n    },\n  }),\n);\n\nexport const useCostGrowthStyles = makeStyles(theme =>\n  createStyles({\n    excess: {\n      color: theme.palette.status.error,\n    },\n    savings: {\n      color: theme.palette.status.ok,\n    },\n    indicator: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n    },\n  }),\n);\n\nexport const useCostGrowthLegendStyles = makeStyles(theme => ({\n  h5: {\n    ...theme.typography.h5,\n    fontWeight: 500,\n    padding: 0,\n  },\n  marker: {\n    display: 'inherit',\n    marginRight: theme.spacing(1),\n  },\n  helpIcon: {\n    display: 'inherit',\n  },\n  title: {\n    ...theme.typography.overline,\n    fontWeight: 500,\n    lineHeight: 0,\n    marginRight: theme.spacing(1),\n    color: theme.palette.textSubtle,\n  },\n  tooltip: {\n    display: 'block',\n    padding: theme.spacing(1),\n    backgroundColor: theme.palette.navigation.background,\n  },\n  tooltipText: {\n    color: theme.palette.background.default,\n    fontSize: theme.typography.fontSize,\n    lineHeight: 1.5,\n  },\n}));\n\nexport const useBarChartStepperStyles = makeStyles(theme =>\n  createStyles({\n    paper: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-around',\n      alignItems: 'center',\n      background: 'transparent',\n      padding: 8,\n    },\n    step: {\n      backgroundColor: theme.palette.action.disabled,\n      borderRadius: '50%',\n      width: 9,\n      height: 9,\n      margin: '0 2px',\n    },\n    stepActive: {\n      backgroundColor: theme.palette.primary.main,\n    },\n    steps: {\n      display: 'flex',\n      flexDirection: 'row',\n    },\n    backButton: {\n      position: 'absolute',\n      left: 0,\n      top: 'calc(50% - 60px)',\n      zIndex: 100,\n    },\n    nextButton: {\n      position: 'absolute',\n      right: 0,\n      top: 'calc(50% - 60px)',\n      zIndex: 100,\n    },\n  }),\n);\n\nexport const useNavigationStyles = makeStyles<CostInsightsTheme>(\n  (theme: CostInsightsTheme) =>\n    createStyles({\n      menuList: {\n        borderRadius: theme.shape.borderRadius,\n        backgroundColor: theme.palette.navigation.background,\n        minWidth: 250,\n      },\n      menuItem: {\n        background: 'transparent',\n        border: 0,\n        textTransform: 'none',\n        width: '100%',\n        minHeight: theme.spacing(6),\n        margin: theme.spacing(0.5, 2, 0.5, 0),\n      },\n      listItemIcon: {\n        minWidth: 40,\n      },\n      navigationIcon: {\n        fill: theme.palette.navigationText,\n      },\n      title: {\n        whiteSpace: 'nowrap',\n        lineHeight: 1,\n        color: theme.palette.navigationText,\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    }),\n);\n\nexport const useTooltipStyles = makeStyles<CostInsightsTheme>(\n  (theme: CostInsightsTheme) =>\n    createStyles({\n      tooltip: {\n        backgroundColor: theme.palette.tooltip.background,\n        borderRadius: theme.shape.borderRadius,\n        boxShadow: theme.shadows[1],\n        color: theme.palette.tooltip.color,\n        fontSize: theme.typography.fontSize,\n        minWidth: 300,\n      },\n      maxWidth: {\n        maxWidth: 300,\n      },\n      actions: {\n        padding: theme.spacing(2),\n      },\n      header: {\n        padding: theme.spacing(2),\n      },\n      content: {\n        padding: theme.spacing(2),\n      },\n      lensIcon: {\n        fontSize: `.75rem`,\n      },\n      divider: {\n        backgroundColor: emphasize(theme.palette.divider, 1),\n      },\n      truncate: {\n        maxWidth: 200,\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n      subtitle: {\n        fontStyle: 'italic',\n      },\n    }),\n);\n\nexport const useAlertInsightsSectionStyles = makeStyles(theme =>\n  createStyles({\n    button: {\n      backgroundColor: theme.palette.textVerySubtle,\n      color: theme.palette.text.primary,\n    },\n  }),\n);\n\nexport const useSelectStyles = makeStyles(theme =>\n  createStyles({\n    select: {\n      minWidth: 200,\n      textAlign: 'start',\n      backgroundColor: theme.palette.background.paper,\n    },\n    menuItem: {\n      minWidth: 200,\n      padding: theme.spacing(2),\n      '&.compact': {\n        padding: theme.spacing(1, 2),\n      },\n    },\n  }),\n);\n\nexport const useActionItemCardStyles = makeStyles<CostInsightsTheme>(\n  (theme: CostInsightsTheme) =>\n    createStyles({\n      card: {\n        boxShadow: 'none',\n      },\n      avatar: {\n        backgroundColor: theme.palette.textVerySubtle,\n        color: theme.palette.text.primary,\n      },\n      root: {\n        minHeight: 80,\n        paddingBottom: theme.spacing(2),\n        borderRadius: theme.shape.borderRadius,\n      },\n      activeRoot: {\n        cursor: 'pointer',\n        transition: theme.transitions.create('background', {\n          duration: theme.transitions.duration.short,\n        }),\n        '&:hover': {\n          background: theme.palette.alertBackground,\n        },\n      },\n      action: {\n        margin: 0,\n      },\n      title: {\n        fontSize: theme.typography.fontSize,\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    }),\n);\n\nexport const useProductInsightsCardStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      padding: theme.spacing(2, 2, 2, 2.5), // restore backstage default padding\n    },\n    action: {\n      margin: 0, // unset negative margins\n    },\n  }),\n);\n\nexport const useProductInsightsChartStyles = makeStyles(theme =>\n  createStyles({\n    indicator: {\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: '1.25rem',\n    },\n    actions: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n  }),\n);\n\nexport const useBackdropStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      zIndex: theme.zIndex.modal,\n    },\n  }),\n);\n\nexport const useSubtleTypographyStyles = makeStyles(theme =>\n  createStyles({\n    root: {\n      color: theme.palette.textSubtle,\n    },\n  }),\n);\n\nexport const useEntityDialogStyles = makeStyles(theme =>\n  createStyles({\n    dialogContent: {\n      padding: 0,\n    },\n    dialogTitle: {\n      padding: 0,\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n      zIndex: 100,\n    },\n    row: {\n      fontSize: theme.typography.fontSize * 1.25,\n    },\n    rowTotal: {\n      fontWeight: theme.typography.fontWeightBold,\n    },\n    colFirst: {\n      paddingLeft: theme.spacing(2),\n    },\n    colLast: {\n      paddingRight: theme.spacing(2),\n    },\n    column: {\n      fontWeight: theme.typography.fontWeightBold,\n    },\n    growth: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignContent: 'center',\n      justifyContent: 'flex-end',\n    },\n  }),\n);\n\nexport const useAlertDialogStyles = makeStyles(theme =>\n  createStyles({\n    content: {\n      padding: theme.spacing(0, 5, 2, 5),\n    },\n    actions: {\n      padding: theme.spacing(2, 5),\n    },\n    radio: {\n      margin: theme.spacing(-0.5, 0, -0.5, 0),\n    },\n    icon: {\n      color: theme.palette.primary.dark,\n      margin: theme.spacing(2.5, 2.5, 0, 0),\n      padding: 0,\n    },\n  }),\n);\n\nexport const useAlertStatusSummaryButtonStyles = makeStyles(() => ({\n  icon: {\n    transform: 'transform 5s',\n  },\n  clicked: {\n    transform: 'rotate(180deg)',\n  },\n}));\n"],"names":[],"mappings":"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"}

package/dist/utils/sum.esm.js

@@ -0,0 +1,4 @@
+const aggregationSum = (aggregation) => aggregation.reduce((total, curAgg) => total + curAgg.amount, 0);
+
+export { aggregationSum };
+//# sourceMappingURL=sum.esm.js.map

package/dist/utils/sum.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sum.esm.js","sources":["../../src/utils/sum.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DateAggregation } from '@backstage-community/plugin-cost-insights-common';\n\nexport const aggregationSum = (aggregation: DateAggregation[]) =>\n  aggregation.reduce((total, curAgg) => total + curAgg.amount, 0);\n"],"names":[],"mappings":"AAkBa,MAAA,cAAA,GAAiB,CAAC,WAAA,KAC7B,WAAY,CAAA,MAAA,CAAO,CAAC,KAAA,EAAO,MAAW,KAAA,KAAA,GAAQ,MAAO,CAAA,MAAA,EAAQ,CAAC;;;;"}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@backstage-community/plugin-cost-insights",
-  "version": "0.12.25",
+  "version": "0.12.26",
   "description": "A Backstage plugin that helps you keep track of your cloud spend",
   "backstage": {
-    "role": "frontend-plugin"
+    "role": "frontend-plugin",
+    "pluginId": "cost-insights",
+    "pluginPackages": [
+      "@backstage-community/plugin-cost-insights",
+      "@backstage-community/plugin-cost-insights-common"
+    ]
   },
   "publishConfig": {
     "access": "public",
@@ -37,13 +42,13 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-cost-insights-common": "^0.1.3",
-    "@backstage/catalog-model": "^1.4.5",
+    "@backstage-community/plugin-cost-insights-common": "^0.1.4",
+    "@backstage/catalog-model": "^1.5.0",
     "@backstage/config": "^1.2.0",
-    "@backstage/core-components": "^0.14.4",
-    "@backstage/core-plugin-api": "^1.9.2",
-    "@backstage/plugin-catalog-react": "^1.11.3",
-    "@backstage/theme": "^0.5.3",
+    "@backstage/core-components": "^0.14.9",
+    "@backstage/core-plugin-api": "^1.9.3",
+    "@backstage/plugin-catalog-react": "^1.12.2",
+    "@backstage/theme": "^0.5.6",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -61,10 +66,10 @@
     "yup": "^1.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.3",
-    "@backstage/core-app-api": "^1.12.4",
-    "@backstage/dev-utils": "^1.0.31",
-    "@backstage/test-utils": "^1.5.4",
+    "@backstage/cli": "^0.26.11",
+    "@backstage/core-app-api": "^1.14.1",
+    "@backstage/dev-utils": "^1.0.36",
+    "@backstage/test-utils": "^1.5.9",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",