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

package/dist/components/CostOverviewCard/selector.esm.js

@@ -0,0 +1,22 @@
+const mapFiltersToProps = ({
+  pageFilters,
+  setPageFilters
+}) => ({
+  ...pageFilters,
+  project: pageFilters.project || "all",
+  setDuration: (duration) => setPageFilters({
+    ...pageFilters,
+    duration
+  }),
+  setProject: (project) => setPageFilters({
+    ...pageFilters,
+    project: project === "all" ? null : project
+  }),
+  setMetric: (metric) => setPageFilters({
+    ...pageFilters,
+    metric
+  })
+});
+
+export { mapFiltersToProps };
+//# sourceMappingURL=selector.esm.js.map

package/dist/components/CostOverviewCard/selector.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.esm.js","sources":["../../../src/components/CostOverviewCard/selector.tsx"],"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 */\nimport { Duration, PageFilters } from '../../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { MapFiltersToProps } from '../../hooks/useFilters';\n\ntype CostOverviewFilterProps = PageFilters & {\n  setDuration: (duration: Duration) => void;\n  setProject: (project: Maybe<string>) => void;\n  setMetric: (metric: Maybe<string>) => void;\n};\n\nexport const mapFiltersToProps: MapFiltersToProps<CostOverviewFilterProps> = ({\n  pageFilters,\n  setPageFilters,\n}) => ({\n  ...pageFilters,\n  project: pageFilters.project || 'all',\n  setDuration: (duration: Duration) =>\n    setPageFilters({\n      ...pageFilters,\n      duration,\n    }),\n  setProject: (project: Maybe<string>) =>\n    setPageFilters({\n      ...pageFilters,\n      project: project === 'all' ? null : project,\n    }),\n  setMetric: (metric: Maybe<string>) =>\n    setPageFilters({\n      ...pageFilters,\n      metric: metric,\n    }),\n});\n"],"names":[],"mappings":"AAyBO,MAAM,oBAAgE,CAAC;AAAA,EAC5E,WAAA;AAAA,EACA,cAAA;AACF,CAAO,MAAA;AAAA,EACL,GAAG,WAAA;AAAA,EACH,OAAA,EAAS,YAAY,OAAW,IAAA,KAAA;AAAA,EAChC,WAAA,EAAa,CAAC,QAAA,KACZ,cAAe,CAAA;AAAA,IACb,GAAG,WAAA;AAAA,IACH,QAAA;AAAA,GACD,CAAA;AAAA,EACH,UAAA,EAAY,CAAC,OAAA,KACX,cAAe,CAAA;AAAA,IACb,GAAG,WAAA;AAAA,IACH,OAAA,EAAS,OAAY,KAAA,KAAA,GAAQ,IAAO,GAAA,OAAA;AAAA,GACrC,CAAA;AAAA,EACH,SAAA,EAAW,CAAC,MAAA,KACV,cAAe,CAAA;AAAA,IACb,GAAG,WAAA;AAAA,IACH,MAAA;AAAA,GACD,CAAA;AACL,CAAA;;;;"}

package/dist/components/CurrencySelect/CurrencySelect.esm.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import InputLabel from '@material-ui/core/InputLabel';
+import Select from '@material-ui/core/Select';
+import FormControl from '@material-ui/core/FormControl';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import { findAlways } from '../../utils/assert.esm.js';
+import { useSelectStyles } from '../../utils/styles.esm.js';
+
+const NULL_VALUE = "engineers";
+const CurrencySelect = ({
+  currency,
+  currencies,
+  onSelect
+}) => {
+  const classes = useSelectStyles();
+  const getOption = (value) => {
+    const kind = value === NULL_VALUE ? null : value;
+    return findAlways(currencies, (c) => c.kind === kind);
+  };
+  const handleOnChange = (e) => {
+    const option = getOption(e.target.value);
+    onSelect(option);
+  };
+  const renderValue = (value) => {
+    const option = getOption(value);
+    return /* @__PURE__ */ React.createElement("b", null, option.label);
+  };
+  return /* @__PURE__ */ React.createElement(FormControl, { variant: "outlined" }, /* @__PURE__ */ React.createElement(InputLabel, { shrink: true }, "Convert to:"), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      className: classes.select,
+      variant: "outlined",
+      labelWidth: 100,
+      onChange: handleOnChange,
+      value: currency.kind || NULL_VALUE,
+      renderValue
+    },
+    currencies.map((c) => /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        className: classes.menuItem,
+        key: c.kind || NULL_VALUE,
+        value: c.kind || NULL_VALUE
+      },
+      /* @__PURE__ */ React.createElement(Typography, { component: "span", role: "img", "aria-label": c.label }, c.label)
+    ))
+  ));
+};
+
+export { CurrencySelect };
+//# sourceMappingURL=CurrencySelect.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencySelect.esm.js","sources":["../../../src/components/CurrencySelect/CurrencySelect.tsx"],"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 React from 'react';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select, { SelectProps } from '@material-ui/core/Select';\nimport FormControl from '@material-ui/core/FormControl';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Typography from '@material-ui/core/Typography';\nimport { Currency, CurrencyType } from '../../types';\nimport { findAlways } from '../../utils/assert';\nimport { useSelectStyles as useStyles } from '../../utils/styles';\n\nconst NULL_VALUE = 'engineers';\n\ntype CurrencySelectProps = {\n  currency: Currency;\n  currencies: Currency[];\n  onSelect: (currency: Currency) => void;\n};\n\nexport const CurrencySelect = ({\n  currency,\n  currencies,\n  onSelect,\n}: CurrencySelectProps) => {\n  const classes = useStyles();\n\n  const getOption = (value: unknown) => {\n    const kind = (value === NULL_VALUE ? null : value) as CurrencyType;\n    return findAlways(currencies, c => c.kind === kind);\n  };\n\n  const handleOnChange: SelectProps['onChange'] = e => {\n    const option = getOption(e.target.value);\n    onSelect(option);\n  };\n\n  const renderValue: SelectProps['renderValue'] = value => {\n    const option = getOption(value);\n    return <b>{option.label}</b>;\n  };\n\n  return (\n    <FormControl variant=\"outlined\">\n      <InputLabel shrink>Convert to:</InputLabel>\n      <Select\n        className={classes.select}\n        variant=\"outlined\"\n        labelWidth={100}\n        onChange={handleOnChange}\n        value={currency.kind || NULL_VALUE}\n        renderValue={renderValue}\n      >\n        {currencies.map((c: Currency) => (\n          <MenuItem\n            className={classes.menuItem}\n            key={c.kind || NULL_VALUE}\n            value={c.kind || NULL_VALUE}\n          >\n            <Typography component=\"span\" role=\"img\" aria-label={c.label}>\n              {c.label}\n            </Typography>\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;;;AA0BA,MAAM,UAAa,GAAA,WAAA,CAAA;AAQZ,MAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAUA,eAAU,EAAA,CAAA;AAE1B,EAAM,MAAA,SAAA,GAAY,CAAC,KAAmB,KAAA;AACpC,IAAM,MAAA,IAAA,GAAQ,KAAU,KAAA,UAAA,GAAa,IAAO,GAAA,KAAA,CAAA;AAC5C,IAAA,OAAO,UAAW,CAAA,UAAA,EAAY,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,IAAI,CAAA,CAAA;AAAA,GACpD,CAAA;AAEA,EAAA,MAAM,iBAA0C,CAAK,CAAA,KAAA;AACnD,IAAA,MAAM,MAAS,GAAA,SAAA,CAAU,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AACvC,IAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,MAAM,cAA0C,CAAS,KAAA,KAAA;AACvD,IAAM,MAAA,MAAA,GAAS,UAAU,KAAK,CAAA,CAAA;AAC9B,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAA,MAAA,CAAO,KAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,eAAY,OAAQ,EAAA,UAAA,EAAA,sCAClB,UAAW,EAAA,EAAA,MAAA,EAAM,IAAC,EAAA,EAAA,aAAW,CAC9B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,OAAQ,EAAA,UAAA;AAAA,MACR,UAAY,EAAA,GAAA;AAAA,MACZ,QAAU,EAAA,cAAA;AAAA,MACV,KAAA,EAAO,SAAS,IAAQ,IAAA,UAAA;AAAA,MACxB,WAAA;AAAA,KAAA;AAAA,IAEC,UAAA,CAAW,GAAI,CAAA,CAAC,CACf,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,QAAA;AAAA,QACnB,GAAA,EAAK,EAAE,IAAQ,IAAA,UAAA;AAAA,QACf,KAAA,EAAO,EAAE,IAAQ,IAAA,UAAA;AAAA,OAAA;AAAA,sBAEjB,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,IAAA,EAAK,OAAM,YAAY,EAAA,CAAA,CAAE,KACnD,EAAA,EAAA,CAAA,CAAE,KACL,CAAA;AAAA,KAEH,CAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}

package/dist/{esm/index-BPzWHt3A.esm.js → components/EntityCosts/EntityCosts.esm.js}

@@ -1,87 +1,21 @@
 import React, { useCallback, useState, useEffect } from 'react';
-import { C as CostOverviewCard, m as mapLoadingToProps } from './selector-D7iXJwd9.esm.js';
-import { c as costInsightsApiRef, C as CostInsightsThemeProvider, a as ConfigProvider, L as LoadingProvider, G as GroupsProvider, B as BillingDateProvider, F as FilterProvider, S as ScrollProvider, b as CurrencyProvider, u as useLoading, d as useLastCompleteBillingDate, e as useFilters, i as intervalsOf } from './index-BFM2mP6Z.esm.js';
+import { CostOverviewCard } from '../CostOverviewCard/CostOverviewCard.esm.js';
+import { ConfigProvider } from '../../hooks/useConfig.esm.js';
+import { CurrencyProvider } from '../../hooks/useCurrency.esm.js';
+import { FilterProvider, useFilters } from '../../hooks/useFilters.esm.js';
+import { GroupsProvider } from '../../hooks/useGroups.esm.js';
+import { LoadingProvider, useLoading } from '../../hooks/useLoading.esm.js';
+import { ScrollProvider } from '../../hooks/useScroll.esm.js';
+import { BillingDateProvider, useLastCompleteBillingDate } from '../../hooks/useLastCompleteBillingDate.esm.js';
+import { CostInsightsThemeProvider } from '../CostInsightsPage/CostInsightsThemeProvider.esm.js';
 import { WarningPanel, Progress } from '@backstage/core-components';
 import Alert from '@material-ui/lab/Alert';
+import { mapLoadingToProps } from '../CostInsightsPage/selector.esm.js';
+import { intervalsOf } from '../../utils/duration.esm.js';
+import { costInsightsApiRef } from '../../api/CostInsightsApi.esm.js';
 import { useApi } from '@backstage/core-plugin-api';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import '@material-ui/core/Box';
-import '@material-ui/core/utils';
-import '@material-ui/core/Card';
-import '@material-ui/core/CardContent';
-import '@material-ui/core/Divider';
-import '@material-ui/core/Tab';
-import '@material-ui/core/Tabs';
-import '@material-ui/core/styles';
-import 'luxon';
-import 'recharts';
-import '@material-ui/core/Typography';
-import '@material-ui/core/Paper';
-import '@material-ui/core/Slide';
-import '@material-ui/icons/ChevronLeft';
-import '@material-ui/icons/ChevronRight';
-import '@material-ui/core/ButtonBase';
-import 'pluralize';
-import '@material-ui/core/Tooltip';
-import '@material-ui/icons/Lens';
-import '@material-ui/icons/HelpOutlineOutlined';
-import 'classnames';
-import '@material-ui/icons/ArrowDropUp';
-import '@material-ui/icons/ArrowDropDown';
-import '@material-ui/core/styles/colorManipulator';
-import '@material-ui/icons/Fullscreen';
-import '@material-ui/core/InputLabel';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/Select';
-import '@material-ui/core/MenuItem';
-import '@material-ui/core/Avatar';
-import '@material-ui/core/IconButton';
-import '@material-ui/core/Badge';
-import '@material-ui/icons/AccessTime';
-import '@material-ui/icons/Check';
-import '@material-ui/icons/Delete';
-import '@material-ui/core/CardHeader';
-import '@material-ui/icons/MonetizationOn';
-import '@material-ui/icons/Whatshot';
-import '@material-ui/icons/Settings';
-import '@material-ui/icons/AccountTree';
-import '@material-ui/icons/Storage';
-import '@material-ui/icons/Search';
-import '@material-ui/icons/CloudQueue';
-import '@material-ui/icons/School';
-import '@material-ui/icons/ViewHeadline';
-import 'react-router-dom';
-import 'qs';
-import 'yup';
-import '@material-ui/core/Backdrop';
-import '@material-ui/core/CircularProgress';
-import '@material-ui/core/Grid';
-import '@material-ui/core/Snackbar';
-import '@material-ui/core/Button';
-import '@material-ui/core/Dialog';
-import '@material-ui/core/DialogActions';
-import '@material-ui/core/DialogContent';
-import '@material-ui/icons/Close';
-import '@material-ui/core/Checkbox';
-import '@material-ui/core/FormControlLabel';
-import '@material-ui/core/RadioGroup';
-import '@material-ui/core/Radio';
-import '@material-ui/core/Collapse';
-import '@material-ui/core/TextField';
-import '@material-ui/icons/ExpandMore';
-import '@material-ui/core/Container';
-import 'react-use/esm/useCopyToClipboard';
-import '@material-ui/icons/AssignmentOutlined';
-import '@material-ui/icons/AssignmentTurnedInOutlined';
-import '@material-ui/icons/SentimentVeryDissatisfied';
-import 'react-use/esm/useAsync';
-import '@material-ui/core/Menu';
-import '@material-ui/core/MenuList';
-import '@material-ui/core/ListItemIcon';
-import '@material-ui/core/ListItemText';
-import '@material-ui/core/FormGroup';
-import 'regression';
 
 const EntityCostsCard = () => {
   const client = useApi(costInsightsApiRef);
@@ -165,5 +99,5 @@ const EntityCosts = () => {
   return /* @__PURE__ */ React.createElement(CostInsightsThemeProvider, null, /* @__PURE__ */ React.createElement(ConfigProvider, null, /* @__PURE__ */ React.createElement(LoadingProvider, null, /* @__PURE__ */ React.createElement(GroupsProvider, null, /* @__PURE__ */ React.createElement(BillingDateProvider, null, /* @__PURE__ */ React.createElement(FilterProvider, null, /* @__PURE__ */ React.createElement(ScrollProvider, null, /* @__PURE__ */ React.createElement(CurrencyProvider, null, /* @__PURE__ */ React.createElement(EntityCostsCard, null)))))))));
 };
 
-export { EntityCosts };
-//# sourceMappingURL=index-BPzWHt3A.esm.js.map
+export { EntityCosts, EntityCostsCard };
+//# sourceMappingURL=EntityCosts.esm.js.map

package/dist/{esm/index-BPzWHt3A.esm.js.map → components/EntityCosts/EntityCosts.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BPzWHt3A.esm.js","sources":["../../src/components/EntityCosts/EntityCosts.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React, { useCallback, useEffect, useState } from 'react';\nimport { CostOverviewCard } from '../CostOverviewCard';\nimport {\n  BillingDateProvider,\n  ConfigProvider,\n  CurrencyProvider,\n  FilterProvider,\n  GroupsProvider,\n  LoadingProvider,\n  ScrollProvider,\n  useFilters,\n  useLastCompleteBillingDate,\n  useLoading,\n} from '../../hooks';\nimport { CostInsightsThemeProvider } from '../CostInsightsPage/CostInsightsThemeProvider';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { default as MaterialAlert } from '@material-ui/lab/Alert';\nimport { mapLoadingToProps } from '../CostInsightsPage/selector';\nimport { intervalsOf } from '../../utils/duration';\nimport { costInsightsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { Cost, Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport const EntityCostsCard = () => {\n  const client = useApi(costInsightsApiRef);\n  const { entity } = useEntity();\n\n  const {\n    loadingActions,\n    loadingGroups,\n    loadingBillingDate,\n    loadingInitial,\n    dispatchInitial,\n    dispatchInsights,\n    dispatchNone,\n  } = useLoading(mapLoadingToProps);\n\n  /* eslint-disable react-hooks/exhaustive-deps */\n  // The dispatchLoading functions are derived from loading state using mapLoadingToProps, to\n  // provide nicer props for the component. These are re-derived whenever loading state changes,\n  // which causes an infinite loop as product panels load and re-trigger the useEffect below.\n  // Since the functions don't change, we can memoize - but we trigger the same loop if we satisfy\n  // exhaustive-deps by including the function itself in dependencies.\n\n  const dispatchLoadingInitial = useCallback(dispatchInitial, []);\n  const dispatchLoadingInsights = useCallback(dispatchInsights, []);\n  const dispatchLoadingNone = useCallback(dispatchNone, []);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  const lastCompleteBillingDate = useLastCompleteBillingDate();\n  const [dailyCost, setDailyCost] = useState<Maybe<Cost>>(null);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { pageFilters } = useFilters(p => p);\n\n  useEffect(() => {\n    async function getInsights() {\n      setError(null);\n      try {\n        dispatchLoadingInsights(true);\n        const intervals = intervalsOf(\n          pageFilters.duration,\n          lastCompleteBillingDate,\n        );\n\n        const fetchedDailyCost = await client.getCatalogEntityDailyCost!(\n          stringifyEntityRef(entity),\n          intervals,\n        );\n        setDailyCost(fetchedDailyCost);\n      } catch (e) {\n        setError(e);\n        dispatchLoadingNone(loadingActions);\n      } finally {\n        dispatchLoadingNone(loadingActions);\n        dispatchLoadingInitial(false);\n        dispatchLoadingInsights(false);\n      }\n    }\n\n    // Wait for metadata to finish loading\n    if (!loadingBillingDate) {\n      getInsights();\n    }\n  }, [\n    client,\n    entity,\n    pageFilters,\n    loadingActions,\n    loadingGroups,\n    loadingBillingDate,\n    dispatchLoadingInsights,\n    dispatchLoadingInitial,\n    dispatchLoadingNone,\n    lastCompleteBillingDate,\n  ]);\n\n  if (loadingInitial) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <MaterialAlert severity=\"error\">{error.message}</MaterialAlert>;\n  }\n\n  if (!dailyCost || !dailyCost.aggregation.length) {\n    return <MaterialAlert severity=\"error\">No daily costs</MaterialAlert>;\n  }\n\n  return <CostOverviewCard dailyCostData={dailyCost} metricData={null} />;\n};\n\nexport const EntityCosts = () => {\n  const client = useApi(costInsightsApiRef);\n\n  if (!client.getCatalogEntityDailyCost) {\n    return (\n      <WarningPanel\n        title=\"Could display costs for entity\"\n        message=\"The getCatalogEntityDailyCost() method is not implemented by the costInsightsApi.\"\n      />\n    );\n  }\n\n  return (\n    <CostInsightsThemeProvider>\n      <ConfigProvider>\n        <LoadingProvider>\n          <GroupsProvider>\n            <BillingDateProvider>\n              <FilterProvider>\n                <ScrollProvider>\n                  <CurrencyProvider>\n                    <EntityCostsCard />\n                  </CurrencyProvider>\n                </ScrollProvider>\n              </FilterProvider>\n            </BillingDateProvider>\n          </GroupsProvider>\n        </LoadingProvider>\n      </ConfigProvider>\n    </CostInsightsThemeProvider>\n  );\n};\n"],"names":["MaterialAlert"],"mappings":"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"}
+{"version":3,"file":"EntityCosts.esm.js","sources":["../../../src/components/EntityCosts/EntityCosts.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 React, { useCallback, useEffect, useState } from 'react';\nimport { CostOverviewCard } from '../CostOverviewCard';\nimport {\n  BillingDateProvider,\n  ConfigProvider,\n  CurrencyProvider,\n  FilterProvider,\n  GroupsProvider,\n  LoadingProvider,\n  ScrollProvider,\n  useFilters,\n  useLastCompleteBillingDate,\n  useLoading,\n} from '../../hooks';\nimport { CostInsightsThemeProvider } from '../CostInsightsPage/CostInsightsThemeProvider';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { default as MaterialAlert } from '@material-ui/lab/Alert';\nimport { mapLoadingToProps } from '../CostInsightsPage/selector';\nimport { intervalsOf } from '../../utils/duration';\nimport { costInsightsApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { Cost, Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport const EntityCostsCard = () => {\n  const client = useApi(costInsightsApiRef);\n  const { entity } = useEntity();\n\n  const {\n    loadingActions,\n    loadingGroups,\n    loadingBillingDate,\n    loadingInitial,\n    dispatchInitial,\n    dispatchInsights,\n    dispatchNone,\n  } = useLoading(mapLoadingToProps);\n\n  /* eslint-disable react-hooks/exhaustive-deps */\n  // The dispatchLoading functions are derived from loading state using mapLoadingToProps, to\n  // provide nicer props for the component. These are re-derived whenever loading state changes,\n  // which causes an infinite loop as product panels load and re-trigger the useEffect below.\n  // Since the functions don't change, we can memoize - but we trigger the same loop if we satisfy\n  // exhaustive-deps by including the function itself in dependencies.\n\n  const dispatchLoadingInitial = useCallback(dispatchInitial, []);\n  const dispatchLoadingInsights = useCallback(dispatchInsights, []);\n  const dispatchLoadingNone = useCallback(dispatchNone, []);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  const lastCompleteBillingDate = useLastCompleteBillingDate();\n  const [dailyCost, setDailyCost] = useState<Maybe<Cost>>(null);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { pageFilters } = useFilters(p => p);\n\n  useEffect(() => {\n    async function getInsights() {\n      setError(null);\n      try {\n        dispatchLoadingInsights(true);\n        const intervals = intervalsOf(\n          pageFilters.duration,\n          lastCompleteBillingDate,\n        );\n\n        const fetchedDailyCost = await client.getCatalogEntityDailyCost!(\n          stringifyEntityRef(entity),\n          intervals,\n        );\n        setDailyCost(fetchedDailyCost);\n      } catch (e) {\n        setError(e);\n        dispatchLoadingNone(loadingActions);\n      } finally {\n        dispatchLoadingNone(loadingActions);\n        dispatchLoadingInitial(false);\n        dispatchLoadingInsights(false);\n      }\n    }\n\n    // Wait for metadata to finish loading\n    if (!loadingBillingDate) {\n      getInsights();\n    }\n  }, [\n    client,\n    entity,\n    pageFilters,\n    loadingActions,\n    loadingGroups,\n    loadingBillingDate,\n    dispatchLoadingInsights,\n    dispatchLoadingInitial,\n    dispatchLoadingNone,\n    lastCompleteBillingDate,\n  ]);\n\n  if (loadingInitial) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <MaterialAlert severity=\"error\">{error.message}</MaterialAlert>;\n  }\n\n  if (!dailyCost || !dailyCost.aggregation.length) {\n    return <MaterialAlert severity=\"error\">No daily costs</MaterialAlert>;\n  }\n\n  return <CostOverviewCard dailyCostData={dailyCost} metricData={null} />;\n};\n\nexport const EntityCosts = () => {\n  const client = useApi(costInsightsApiRef);\n\n  if (!client.getCatalogEntityDailyCost) {\n    return (\n      <WarningPanel\n        title=\"Could display costs for entity\"\n        message=\"The getCatalogEntityDailyCost() method is not implemented by the costInsightsApi.\"\n      />\n    );\n  }\n\n  return (\n    <CostInsightsThemeProvider>\n      <ConfigProvider>\n        <LoadingProvider>\n          <GroupsProvider>\n            <BillingDateProvider>\n              <FilterProvider>\n                <ScrollProvider>\n                  <CurrencyProvider>\n                    <EntityCostsCard />\n                  </CurrencyProvider>\n                </ScrollProvider>\n              </FilterProvider>\n            </BillingDateProvider>\n          </GroupsProvider>\n        </LoadingProvider>\n      </ConfigProvider>\n    </CostInsightsThemeProvider>\n  );\n};\n"],"names":["MaterialAlert"],"mappings":"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"}

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

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

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

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

package/dist/{esm/index-BA6m_qFS.esm.js → components/LabelDataflowInstructionsPage/LabelDataflowInstructionsPage.esm.js}

@@ -1,85 +1,8 @@
 import React from 'react';
 import Box from '@material-ui/core/Box';
 import Typography from '@material-ui/core/Typography';
-import { A as AlertInstructionsLayout } from './index-BFM2mP6Z.esm.js';
+import { AlertInstructionsLayout } from '../AlertInstructionsLayout/AlertInstructionsLayout.esm.js';
 import { Link, CodeSnippet } from '@backstage/core-components';
-import '@backstage/core-plugin-api';
-import 'pluralize';
-import '@material-ui/core/styles';
-import '@material-ui/core/Avatar';
-import '@material-ui/core/Tooltip';
-import '@material-ui/core/IconButton';
-import '@material-ui/core/Badge';
-import '@material-ui/core/Paper';
-import '@material-ui/core/Divider';
-import '@material-ui/icons/AccessTime';
-import '@material-ui/icons/Check';
-import '@material-ui/icons/Delete';
-import 'classnames';
-import '@material-ui/core/Card';
-import '@material-ui/core/CardHeader';
-import '@material-ui/icons/MonetizationOn';
-import '@material-ui/icons/Whatshot';
-import '@material-ui/icons/Settings';
-import '@material-ui/icons/AccountTree';
-import '@material-ui/icons/Storage';
-import '@material-ui/icons/Search';
-import '@material-ui/icons/CloudQueue';
-import '@material-ui/icons/School';
-import '@material-ui/icons/ViewHeadline';
-import '@material-ui/lab/Alert';
-import 'react-router-dom';
-import 'qs';
-import 'yup';
-import '@material-ui/core/Backdrop';
-import '@material-ui/core/CircularProgress';
-import 'luxon';
-import '@material-ui/core/styles/colorManipulator';
-import '@backstage/catalog-model';
-import '@material-ui/core/Grid';
-import '@material-ui/core/Snackbar';
-import '@material-ui/core/utils';
-import '@material-ui/core/Button';
-import '@material-ui/core/Dialog';
-import '@material-ui/core/DialogActions';
-import '@material-ui/core/DialogContent';
-import '@material-ui/icons/Close';
-import '@material-ui/core/Checkbox';
-import '@material-ui/core/FormControl';
-import '@material-ui/core/FormControlLabel';
-import '@material-ui/core/RadioGroup';
-import '@material-ui/core/Radio';
-import '@material-ui/core/Collapse';
-import '@material-ui/core/TextField';
-import '@material-ui/icons/ExpandMore';
-import '@material-ui/core/Container';
-import '@material-ui/icons/ChevronLeft';
-import 'recharts';
-import '@material-ui/core/Slide';
-import '@material-ui/icons/ChevronRight';
-import '@material-ui/core/ButtonBase';
-import '@material-ui/icons/Lens';
-import '@material-ui/icons/HelpOutlineOutlined';
-import 'react-use/esm/useCopyToClipboard';
-import '@material-ui/icons/AssignmentOutlined';
-import '@material-ui/icons/AssignmentTurnedInOutlined';
-import '@material-ui/icons/SentimentVeryDissatisfied';
-import '@material-ui/icons/ArrowDropUp';
-import '@material-ui/icons/ArrowDropDown';
-import 'react-use/esm/useAsync';
-import '@material-ui/core/Menu';
-import '@material-ui/core/MenuItem';
-import '@material-ui/core/Tab';
-import '@material-ui/core/Tabs';
-import '@material-ui/core/MenuList';
-import '@material-ui/core/ListItemIcon';
-import '@material-ui/core/ListItemText';
-import '@material-ui/core/InputLabel';
-import '@material-ui/core/Select';
-import '@material-ui/core/CardContent';
-import '@material-ui/icons/Fullscreen';
-import '@material-ui/core/FormGroup';
-import 'regression';
 
 const LabelDataflowInstructionsPage = () => {
   return /* @__PURE__ */ React.createElement(AlertInstructionsLayout, { title: "Investigating Growth" }, /* @__PURE__ */ React.createElement(Typography, { variant: "h1" }, "Labeling Dataflow Jobs"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "Labels in Google Cloud Platform are key-value pairs that can be added to most types of cloud resources. Since these labels are also exported in billing data, adding labels allows a granular breakdown of cloud cost by software entity."), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "In Cloud Dataflow, labels can be added to a job either programmatically or via the command-line when launching a job. Note that GCP has", " ", /* @__PURE__ */ React.createElement(Link, { to: "https://cloud.google.com/compute/docs/labeling-resources#restrictions" }, "restrictions"), " ", "on the length and characters that can be used in labels."), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "Labels are not retroactive, so cost tracking is only possible from when the labels are first added to a Dataflow job."), /* @__PURE__ */ React.createElement(Box, { mt: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h3" }, "DataflowPipelineOptions"), /* @__PURE__ */ React.createElement(Typography, { paragraph: true }, "Dataflow jobs using Beam's", " ", /* @__PURE__ */ React.createElement(Link, { to: "https://beam.apache.org/releases/javadoc/2.3.0/org/apache/beam/runners/dataflow/options/DataflowPipelineOptions.html" }, "DataflowPipelineOptions"), " ", "directly can use the ", /* @__PURE__ */ React.createElement("b", null, "setLabels"), " function to add one or more labels:", /* @__PURE__ */ React.createElement(
@@ -106,4 +29,4 @@ sc.optionsAs[DataflowPipelineOptions].setLabels(Map("job-id" -> "my-dataflow-job
 };
 
 export { LabelDataflowInstructionsPage };
-//# sourceMappingURL=index-BA6m_qFS.esm.js.map
+//# sourceMappingURL=LabelDataflowInstructionsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelDataflowInstructionsPage.esm.js","sources":["../../../src/components/LabelDataflowInstructionsPage/LabelDataflowInstructionsPage.tsx"],"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 React from 'react';\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport { AlertInstructionsLayout } from '../AlertInstructionsLayout';\nimport { CodeSnippet, Link } from '@backstage/core-components';\n\nexport const LabelDataflowInstructionsPage = () => {\n  return (\n    <AlertInstructionsLayout title=\"Investigating Growth\">\n      <Typography variant=\"h1\">Labeling Dataflow Jobs</Typography>\n      <Typography paragraph>\n        Labels in Google Cloud Platform are key-value pairs that can be added to\n        most types of cloud resources. Since these labels are also exported in\n        billing data, adding labels allows a granular breakdown of cloud cost by\n        software entity.\n      </Typography>\n      <Typography paragraph>\n        In Cloud Dataflow, labels can be added to a job either programmatically\n        or via the command-line when launching a job. Note that GCP has{' '}\n        <Link to=\"https://cloud.google.com/compute/docs/labeling-resources#restrictions\">\n          restrictions\n        </Link>{' '}\n        on the length and characters that can be used in labels.\n      </Typography>\n      <Typography paragraph>\n        Labels are not retroactive, so cost tracking is only possible from when\n        the labels are first added to a Dataflow job.\n      </Typography>\n\n      <Box mt={4}>\n        <Typography variant=\"h3\">DataflowPipelineOptions</Typography>\n        <Typography paragraph>\n          Dataflow jobs using Beam's{' '}\n          <Link to=\"https://beam.apache.org/releases/javadoc/2.3.0/org/apache/beam/runners/dataflow/options/DataflowPipelineOptions.html\">\n            DataflowPipelineOptions\n          </Link>{' '}\n          directly can use the <b>setLabels</b> function to add one or more\n          labels:\n          <CodeSnippet\n            language=\"java\"\n            text={`private DataflowPipelineOptions options = PipelineOptionsFactory.fromArgs(args).as(DataflowPipelineOptionsImpl.class); \noptions.setLabels(ImmutableMap.of(\"job-id\", \"my-dataflow-job\"));`}\n          />\n        </Typography>\n        <Typography paragraph>\n          Dataflow jobs using Scio can similarly set options on the ScioContext:\n          <CodeSnippet\n            language=\"scala\"\n            text={`val (sc: ScioContext, args: Args) = ContextAndArgs(cmdLineArgs)\nsc.optionsAs[DataflowPipelineOptions].setLabels(Map(\"job-id\" -> \"my-dataflow-job\").asJava)`}\n          />\n        </Typography>\n      </Box>\n\n      <Box mt={4}>\n        <Typography variant=\"h3\">Command-line</Typography>\n        <Typography paragraph>\n          Dataflow jobs launched from the command-line can add labels as an\n          argument:\n          <CodeSnippet\n            language=\"shell\"\n            text={`--labels={\"job-id\": \"my-dataflow-job\", \"date-argument\": \"2020-09-16\"}`}\n          />\n        </Typography>\n        <Typography paragraph>\n          For more information on specifying options, see the{' '}\n          <Link to=\"https://cloud.google.com/dataflow/docs/guides/specifying-exec-params\">\n            Dataflow documentation\n          </Link>{' '}\n          or{' '}\n          <Link to=\"https://spotify.github.io/scio/api/com/spotify/scio/ScioContext.html\">\n            Scio Scaladoc\n          </Link>\n          .\n        </Typography>\n      </Box>\n    </AlertInstructionsLayout>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,gCAAgC,MAAM;AACjD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAM,EAAA,sBAAA,EAAA,kBAC5B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAK,wBAAsB,CAAA,kBAC9C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAS,IAAC,EAAA,EAAA,2OAKtB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,EAAA,yIAAA,EAE4C,GAChE,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAG,uEAAwE,EAAA,EAAA,cAEjF,CAAQ,EAAA,GAAA,EAAI,0DAEd,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,EAAA,uHAGtB,CAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,EAAA,yBAAuB,mBAC/C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAA,EAAC,4BACO,EAAA,GAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAG,sHAAuH,EAAA,EAAA,yBAEhI,CAAQ,EAAA,GAAA,EAAI,uBACS,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,WAAS,GAAI,sCAErC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,MAAA;AAAA,MACT,IAAM,EAAA,CAAA;AAAA,gEAAA,CAAA;AAAA,KAAA;AAAA,GAGV,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAS,QAAC,wEAEpB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA,CAAA;AAAA,0FAAA,CAAA;AAAA,KAAA;AAAA,GAGV,CACF,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,QAAK,cAAY,CAAA,sCACpC,UAAW,EAAA,EAAA,SAAA,EAAS,QAAC,6EAGpB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,OAAA;AAAA,MACT,IAAM,EAAA,CAAA,qEAAA,CAAA;AAAA,KAAA;AAAA,GAEV,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAS,QAAC,qDACgC,EAAA,GAAA,kBACnD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAG,EAAA,sEAAA,EAAA,EAAuE,wBAEhF,CAAQ,EAAA,GAAA,EAAI,IACT,EAAA,GAAA,kBACF,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAG,EAAA,sEAAA,EAAA,EAAuE,eAEhF,CAAA,EAAO,GAET,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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

package/dist/components/LegendItem/LegendItem.esm.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import Tooltip from '@material-ui/core/Tooltip';
+import LensIcon from '@material-ui/icons/Lens';
+import HelpOutlineOutlinedIcon from '@material-ui/icons/HelpOutlineOutlined';
+import { useCostGrowthLegendStyles } from '../../utils/styles.esm.js';
+
+const LegendItem = (props) => {
+  const { title, tooltipText, markerColor, children } = props;
+  const classes = useCostGrowthLegendStyles();
+  return /* @__PURE__ */ React.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      minHeight: 25,
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    markerColor && /* @__PURE__ */ React.createElement("div", { className: classes.marker }, /* @__PURE__ */ React.createElement(LensIcon, { style: { fontSize: "1em", fill: markerColor } })),
+    /* @__PURE__ */ React.createElement(Typography, { className: classes.title, variant: "overline" }, title),
+    tooltipText && /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        classes: { tooltip: classes.tooltip },
+        title: /* @__PURE__ */ React.createElement(Typography, { className: classes.tooltipText }, tooltipText),
+        placement: "top-start"
+      },
+      /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          component: "span",
+          role: "img",
+          "aria-label": "help",
+          className: classes.helpIcon
+        },
+        /* @__PURE__ */ React.createElement(HelpOutlineOutlinedIcon, { fontSize: "small" })
+      )
+    )
+  ), /* @__PURE__ */ React.createElement(Box, { marginLeft: markerColor ? "1.5em" : 0 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.h5, variant: "h5" }, children)));
+};
+
+export { LegendItem };
+//# sourceMappingURL=LegendItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegendItem.esm.js","sources":["../../../src/components/LegendItem/LegendItem.tsx"],"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 React, { PropsWithChildren } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Typography from '@material-ui/core/Typography';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport LensIcon from '@material-ui/icons/Lens';\nimport HelpOutlineOutlinedIcon from '@material-ui/icons/HelpOutlineOutlined';\nimport { useCostGrowthLegendStyles } from '../../utils/styles';\n\n/** @public */\nexport type LegendItemProps = {\n  title: string;\n  tooltipText?: string;\n  markerColor?: string;\n};\n\n/** @public */\nexport const LegendItem = (props: PropsWithChildren<LegendItemProps>) => {\n  const { title, tooltipText, markerColor, children } = props;\n\n  const classes = useCostGrowthLegendStyles();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <Box\n        minHeight={25}\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n      >\n        {markerColor && (\n          <div className={classes.marker}>\n            <LensIcon style={{ fontSize: '1em', fill: markerColor }} />\n          </div>\n        )}\n        <Typography className={classes.title} variant=\"overline\">\n          {title}\n        </Typography>\n        {tooltipText && (\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            title={\n              <Typography className={classes.tooltipText}>\n                {tooltipText}\n              </Typography>\n            }\n            placement=\"top-start\"\n          >\n            <Typography\n              component=\"span\"\n              role=\"img\"\n              aria-label=\"help\"\n              className={classes.helpIcon}\n            >\n              <HelpOutlineOutlinedIcon fontSize=\"small\" />\n            </Typography>\n          </Tooltip>\n        )}\n      </Box>\n      <Box marginLeft={markerColor ? '1.5em' : 0}>\n        <Typography className={classes.h5} variant=\"h5\">\n          {children}\n        </Typography>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgCa,MAAA,UAAA,GAAa,CAAC,KAA8C,KAAA;AACvE,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,WAAA,EAAa,UAAa,GAAA,KAAA,CAAA;AAEtD,EAAA,MAAM,UAAU,yBAA0B,EAAA,CAAA;AAE1C,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,eAAc,QAChC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,EAAA;AAAA,MACX,OAAQ,EAAA,MAAA;AAAA,MACR,aAAc,EAAA,KAAA;AAAA,MACd,UAAW,EAAA,QAAA;AAAA,KAAA;AAAA,IAEV,WACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,MACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,EAAO,IAAM,EAAA,WAAA,IAAe,CAC3D,CAAA;AAAA,wCAED,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA,OAAA,EAAQ,cAC3C,KACH,CAAA;AAAA,IACC,WACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,EAAE,OAAS,EAAA,OAAA,CAAQ,OAAQ,EAAA;AAAA,QACpC,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,eAC5B,WACH,CAAA;AAAA,QAEF,SAAU,EAAA,WAAA;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,MAAA;AAAA,UACV,IAAK,EAAA,KAAA;AAAA,UACL,YAAW,EAAA,MAAA;AAAA,UACX,WAAW,OAAQ,CAAA,QAAA;AAAA,SAAA;AAAA,wBAEnB,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,OAC5C;AAAA,KACF;AAAA,qBAGH,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,UAAY,EAAA,WAAA,GAAc,UAAU,CACvC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,EAAI,EAAA,OAAA,EAAQ,IACxC,EAAA,EAAA,QACH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/MetricSelect/MetricSelect.esm.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import InputLabel from '@material-ui/core/InputLabel';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import { useSelectStyles } from '../../utils/styles.esm.js';
+
+const MetricSelect = ({
+  metric,
+  metrics,
+  onSelect
+}) => {
+  const classes = useSelectStyles();
+  function onChange(e) {
+    if (e.target.value === "none") {
+      onSelect(null);
+    } else {
+      onSelect(e.target.value);
+    }
+  }
+  return /* @__PURE__ */ React.createElement(FormControl, { variant: "outlined" }, /* @__PURE__ */ React.createElement(InputLabel, { shrink: true, id: "metric-select-label" }, "Compare to:"), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      id: "metric-select",
+      labelId: "metric-select-label",
+      labelWidth: 100,
+      className: classes.select,
+      value: metric ?? "none",
+      onChange
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { className: classes.menuItem, key: "none", value: "none" }, /* @__PURE__ */ React.createElement("em", null, "None")),
+    metrics.map((m) => /* @__PURE__ */ React.createElement(MenuItem, { className: classes.menuItem, key: m.kind, value: m.kind }, /* @__PURE__ */ React.createElement("b", null, m.name)))
+  ));
+};
+
+export { MetricSelect };
+//# sourceMappingURL=MetricSelect.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSelect.esm.js","sources":["../../../src/components/MetricSelect/MetricSelect.tsx"],"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 React from 'react';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport {\n  Maybe,\n  Metric,\n} from '@backstage-community/plugin-cost-insights-common';\nimport { useSelectStyles as useStyles } from '../../utils/styles';\n\nexport type MetricSelectProps = {\n  metric: Maybe<string>;\n  metrics: Array<Metric>;\n  onSelect: (metric: Maybe<string>) => void;\n};\n\nexport const MetricSelect = ({\n  metric,\n  metrics,\n  onSelect,\n}: MetricSelectProps) => {\n  const classes = useStyles();\n\n  function onChange(e: React.ChangeEvent<{ value: unknown }>) {\n    if (e.target.value === 'none') {\n      onSelect(null);\n    } else {\n      onSelect(e.target.value as string);\n    }\n  }\n\n  return (\n    <FormControl variant=\"outlined\">\n      <InputLabel shrink id=\"metric-select-label\">\n        Compare to:\n      </InputLabel>\n      <Select\n        id=\"metric-select\"\n        labelId=\"metric-select-label\"\n        labelWidth={100}\n        className={classes.select}\n        value={metric ?? 'none'}\n        onChange={onChange}\n      >\n        <MenuItem className={classes.menuItem} key=\"none\" value=\"none\">\n          <em>None</em>\n        </MenuItem>\n        {metrics.map((m: Metric) => (\n          <MenuItem className={classes.menuItem} key={m.kind} value={m.kind}>\n            <b>{m.name}</b>\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;AAiCO,MAAM,eAAe,CAAC;AAAA,EAC3B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,UAAUA,eAAU,EAAA,CAAA;AAE1B,EAAA,SAAS,SAAS,CAA0C,EAAA;AAC1D,IAAI,IAAA,CAAA,CAAE,MAAO,CAAA,KAAA,KAAU,MAAQ,EAAA;AAC7B,MAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,KACR,MAAA;AACL,MAAS,QAAA,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA,CAAA;AAAA,KACnC;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAQ,UACnB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAM,IAAC,EAAA,EAAA,EAAG,qBAAsB,EAAA,EAAA,aAE5C,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,eAAA;AAAA,MACH,OAAQ,EAAA,qBAAA;AAAA,MACR,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,OAAO,MAAU,IAAA,MAAA;AAAA,MACjB,QAAA;AAAA,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,OAAA,CAAQ,QAAU,EAAA,GAAA,EAAI,MAAO,EAAA,KAAA,EAAM,MACtD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,MAAI,CACV,CAAA;AAAA,IACC,OAAA,CAAQ,IAAI,CAAC,CAAA,yCACX,QAAS,EAAA,EAAA,SAAA,EAAW,QAAQ,QAAU,EAAA,GAAA,EAAK,EAAE,IAAM,EAAA,KAAA,EAAO,EAAE,IAC3D,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAG,CAAE,CAAA,IAAK,CACb,CACD,CAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/PeriodSelect/PeriodSelect.esm.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import '../../types/Alert.esm.js';
+import { Duration } from '../../types/Duration.esm.js';
+import { formatLastTwoLookaheadQuarters } from '../../utils/formatters.esm.js';
+import { findAlways } from '../../utils/assert.esm.js';
+import { useSelectStyles } from '../../utils/styles.esm.js';
+import '../../hooks/useConfig.esm.js';
+import '../../hooks/useCurrency.esm.js';
+import '../../hooks/useFilters.esm.js';
+import '../../hooks/useGroups.esm.js';
+import '../../hooks/useLoading.esm.js';
+import '../../hooks/useScroll.esm.js';
+import { useLastCompleteBillingDate } from '../../hooks/useLastCompleteBillingDate.esm.js';
+
+function getDefaultOptions(lastCompleteBillingDate) {
+  return [
+    {
+      value: Duration.P90D,
+      label: "Past 6 Months"
+    },
+    {
+      value: Duration.P30D,
+      label: "Past 60 Days"
+    },
+    {
+      value: Duration.P3M,
+      label: formatLastTwoLookaheadQuarters(lastCompleteBillingDate)
+    }
+  ];
+}
+const PeriodSelect = ({
+  duration,
+  onSelect,
+  options
+}) => {
+  const classes = useSelectStyles();
+  const lastCompleteBillingDate = useLastCompleteBillingDate();
+  const optionsOrDefault = options ?? getDefaultOptions(lastCompleteBillingDate);
+  const handleOnChange = (e) => {
+    onSelect(e.target.value);
+  };
+  const renderValue = (value) => {
+    const option = findAlways(optionsOrDefault, (o) => o.value === value);
+    return /* @__PURE__ */ React.createElement("b", null, option.label);
+  };
+  return /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      className: classes.select,
+      variant: "outlined",
+      onChange: handleOnChange,
+      value: duration,
+      renderValue,
+      "data-testid": "period-select"
+    },
+    optionsOrDefault.map((option) => /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        className: classes.menuItem,
+        key: option.value,
+        value: option.value,
+        "data-testid": `period-select-option-${option.value}`
+      },
+      option.label
+    ))
+  );
+};
+
+export { PeriodSelect, getDefaultOptions };
+//# sourceMappingURL=PeriodSelect.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelect.esm.js","sources":["../../../src/components/PeriodSelect/PeriodSelect.tsx"],"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 React from 'react';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select, { SelectProps } from '@material-ui/core/Select';\nimport { Duration } from '../../types';\nimport { formatLastTwoLookaheadQuarters } from '../../utils/formatters';\nimport { findAlways } from '../../utils/assert';\nimport { useSelectStyles as useStyles } from '../../utils/styles';\nimport { useLastCompleteBillingDate } from '../../hooks';\n\nexport type PeriodOption = {\n  value: Duration;\n  label: string;\n};\n\nexport function getDefaultOptions(\n  lastCompleteBillingDate: string,\n): PeriodOption[] {\n  return [\n    {\n      value: Duration.P90D,\n      label: 'Past 6 Months',\n    },\n    {\n      value: Duration.P30D,\n      label: 'Past 60 Days',\n    },\n    {\n      value: Duration.P3M,\n      label: formatLastTwoLookaheadQuarters(lastCompleteBillingDate),\n    },\n  ];\n}\n\ntype PeriodSelectProps = {\n  duration: Duration;\n  onSelect: (duration: Duration) => void;\n  options?: PeriodOption[];\n};\n\nexport const PeriodSelect = ({\n  duration,\n  onSelect,\n  options,\n}: PeriodSelectProps) => {\n  const classes = useStyles();\n  const lastCompleteBillingDate = useLastCompleteBillingDate();\n  const optionsOrDefault =\n    options ?? getDefaultOptions(lastCompleteBillingDate);\n\n  const handleOnChange: SelectProps['onChange'] = e => {\n    onSelect(e.target.value as Duration);\n  };\n\n  const renderValue: SelectProps['renderValue'] = value => {\n    const option = findAlways(optionsOrDefault, o => o.value === value);\n    return <b>{option.label}</b>;\n  };\n\n  return (\n    <Select\n      className={classes.select}\n      variant=\"outlined\"\n      onChange={handleOnChange}\n      value={duration}\n      renderValue={renderValue}\n      data-testid=\"period-select\"\n    >\n      {optionsOrDefault.map(option => (\n        <MenuItem\n          className={classes.menuItem}\n          key={option.value}\n          value={option.value}\n          data-testid={`period-select-option-${option.value}`}\n        >\n          {option.label}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;;;;AA8BO,SAAS,kBACd,uBACgB,EAAA;AAChB,EAAO,OAAA;AAAA,IACL;AAAA,MACE,OAAO,QAAS,CAAA,IAAA;AAAA,MAChB,KAAO,EAAA,eAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAO,QAAS,CAAA,IAAA;AAAA,MAChB,KAAO,EAAA,cAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAO,QAAS,CAAA,GAAA;AAAA,MAChB,KAAA,EAAO,+BAA+B,uBAAuB,CAAA;AAAA,KAC/D;AAAA,GACF,CAAA;AACF,CAAA;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,UAAUA,eAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,0BAA0B,0BAA2B,EAAA,CAAA;AAC3D,EAAM,MAAA,gBAAA,GACJ,OAAW,IAAA,iBAAA,CAAkB,uBAAuB,CAAA,CAAA;AAEtD,EAAA,MAAM,iBAA0C,CAAK,CAAA,KAAA;AACnD,IAAS,QAAA,CAAA,CAAA,CAAE,OAAO,KAAiB,CAAA,CAAA;AAAA,GACrC,CAAA;AAEA,EAAA,MAAM,cAA0C,CAAS,KAAA,KAAA;AACvD,IAAA,MAAM,SAAS,UAAW,CAAA,gBAAA,EAAkB,CAAK,CAAA,KAAA,CAAA,CAAE,UAAU,KAAK,CAAA,CAAA;AAClE,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EAAA,MAAA,CAAO,KAAM,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,OAAQ,EAAA,UAAA;AAAA,MACR,QAAU,EAAA,cAAA;AAAA,MACV,KAAO,EAAA,QAAA;AAAA,MACP,WAAA;AAAA,MACA,aAAY,EAAA,eAAA;AAAA,KAAA;AAAA,IAEX,gBAAA,CAAiB,IAAI,CACpB,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,QAAA;AAAA,QACnB,KAAK,MAAO,CAAA,KAAA;AAAA,QACZ,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,aAAA,EAAa,CAAwB,qBAAA,EAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,OAAA;AAAA,MAEhD,MAAO,CAAA,KAAA;AAAA,KAEX,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}