@backstage-community/plugin-cost-insights 0.12.24

package/dist/esm/index-BPzWHt3A.esm.js

@@ -0,0 +1,169 @@
+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 { WarningPanel, Progress } from '@backstage/core-components';
+import Alert from '@material-ui/lab/Alert';
+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);
+  const { entity } = useEntity();
+  const {
+    loadingActions,
+    loadingGroups,
+    loadingBillingDate,
+    loadingInitial,
+    dispatchInitial,
+    dispatchInsights,
+    dispatchNone
+  } = useLoading(mapLoadingToProps);
+  const dispatchLoadingInitial = useCallback(dispatchInitial, []);
+  const dispatchLoadingInsights = useCallback(dispatchInsights, []);
+  const dispatchLoadingNone = useCallback(dispatchNone, []);
+  const lastCompleteBillingDate = useLastCompleteBillingDate();
+  const [dailyCost, setDailyCost] = useState(null);
+  const [error, setError] = useState(null);
+  const { pageFilters } = useFilters((p) => p);
+  useEffect(() => {
+    async function getInsights() {
+      setError(null);
+      try {
+        dispatchLoadingInsights(true);
+        const intervals = intervalsOf(
+          pageFilters.duration,
+          lastCompleteBillingDate
+        );
+        const fetchedDailyCost = await client.getCatalogEntityDailyCost(
+          stringifyEntityRef(entity),
+          intervals
+        );
+        setDailyCost(fetchedDailyCost);
+      } catch (e) {
+        setError(e);
+        dispatchLoadingNone(loadingActions);
+      } finally {
+        dispatchLoadingNone(loadingActions);
+        dispatchLoadingInitial(false);
+        dispatchLoadingInsights(false);
+      }
+    }
+    if (!loadingBillingDate) {
+      getInsights();
+    }
+  }, [
+    client,
+    entity,
+    pageFilters,
+    loadingActions,
+    loadingGroups,
+    loadingBillingDate,
+    dispatchLoadingInsights,
+    dispatchLoadingInitial,
+    dispatchLoadingNone,
+    lastCompleteBillingDate
+  ]);
+  if (loadingInitial) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  if (!dailyCost || !dailyCost.aggregation.length) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "No daily costs");
+  }
+  return /* @__PURE__ */ React.createElement(CostOverviewCard, { dailyCostData: dailyCost, metricData: null });
+};
+const EntityCosts = () => {
+  const client = useApi(costInsightsApiRef);
+  if (!client.getCatalogEntityDailyCost) {
+    return /* @__PURE__ */ React.createElement(
+      WarningPanel,
+      {
+        title: "Could display costs for entity",
+        message: "The getCatalogEntityDailyCost() method is not implemented by the costInsightsApi."
+      }
+    );
+  }
+  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

package/dist/esm/index-BPzWHt3A.esm.js.map

@@ -0,0 +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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"}

package/dist/esm/index-BTIHr4n_.esm.js

@@ -0,0 +1,83 @@
+export { P as ProjectGrowthInstructionsPage } from './index-BFM2mP6Z.esm.js';
+import '@backstage/core-plugin-api';
+import 'react';
+import 'pluralize';
+import '@material-ui/core/Typography';
+import '@material-ui/core/Box';
+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 '@backstage/core-components';
+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';
+//# sourceMappingURL=index-BTIHr4n_.esm.js.map

package/dist/esm/index-BTIHr4n_.esm.js.map

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