@backstage-community/plugin-cost-insights 0.15.2 → 0.17.0

package/dist/hooks/useLastCompleteBillingDate.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLastCompleteBillingDate.esm.js","sources":["../../src/hooks/useLastCompleteBillingDate.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, {\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport * as yup from 'yup';\nimport Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useApi } from '@backstage/core-plugin-api';\n\ntype BillingDateProviderLoadingProps = {\n  dispatchLoadingBillingDate: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<BillingDateProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingBillingDate: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.LastCompleteBillingDate]: isLoading }),\n});\n\nexport type BillingDateContextProps = {\n  lastCompleteBillingDate: string; // YYYY-MM-DD\n};\n\nexport const BillingDateContext = React.createContext<\n  BillingDateContextProps | undefined\n>(undefined);\n\nexport const dateRegex: RegExp = /^\\d{4}-\\d{2}-\\d{2}$/;\nconst dateFormatSchema = yup.string().matches(dateRegex, {\n  message:\n    'Unsupported billing date format: ${value}. Date should be in YYYY-MM-DD format.',\n  excludeEmptyString: true,\n});\n\nexport const BillingDateProvider = ({ children }: PropsWithChildren<{}>) => {\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingBillingDate } = useLoading(mapLoadingToProps);\n\n  const [lastCompleteBillingDate, setLastCompeteBillingDate] =\n    useState<Maybe<string>>(null);\n\n  useEffect(() => {\n    dispatchLoadingBillingDate(true);\n\n    async function getLastCompleteBillingDate() {\n      try {\n        const d = await client.getLastCompleteBillingDate();\n        const validDate = await dateFormatSchema.validate(d);\n        if (validDate) setLastCompeteBillingDate(validDate);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingBillingDate(false);\n      }\n    }\n\n    getLastCompleteBillingDate();\n  }, [client]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!lastCompleteBillingDate) return null;\n\n  return (\n    <BillingDateContext.Provider\n      value={\n        {\n          lastCompleteBillingDate: lastCompleteBillingDate,\n        } as BillingDateContextProps\n      }\n    >\n      {children}\n    </BillingDateContext.Provider>\n  );\n};\n\nexport function useLastCompleteBillingDate(): string {\n  const context = useContext(BillingDateContext);\n  return context ? context.lastCompleteBillingDate : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error(\n    'Cannot use useLastCompleteBillingDate outside of BillingDateProvider',\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA,MAAM,oBAAwE,CAAC;AAAA,EAC7E;AACF,CAAO,MAAA;AAAA,EACL,0BAAA,EAA4B,CAAC,SAAA,KAC3B,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,uBAAuB,GAAG,SAAA,EAAW;AAC1E,CAAA,CAAA;AAMa,MAAA,kBAAA,GAAqB,KAAM,CAAA,aAAA,CAEtC,KAAS,CAAA;AAEJ,MAAM,SAAoB,GAAA;AACjC,MAAM,gBAAmB,GAAA,GAAA,CAAI,MAAO,EAAA,CAAE,QAAQ,SAAW,EAAA;AAAA,EACvD,OACE,EAAA,iFAAA;AAAA,EACF,kBAAoB,EAAA;AACtB,CAAC,CAAA;AAEM,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,EAAE,0BAAA,EAA+B,GAAA,UAAA,CAAW,iBAAiB,CAAA;AAEnE,EAAA,MAAM,CAAC,uBAAA,EAAyB,yBAAyB,CAAA,GACvD,SAAwB,IAAI,CAAA;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,0BAAA,CAA2B,IAAI,CAAA;AAE/B,IAAA,eAAe,0BAA6B,GAAA;AAC1C,MAAI,IAAA;AACF,QAAM,MAAA,CAAA,GAAI,MAAM,MAAA,CAAO,0BAA2B,EAAA;AAClD,QAAA,MAAM,SAAY,GAAA,MAAM,gBAAiB,CAAA,QAAA,CAAS,CAAC,CAAA;AACnD,QAAI,IAAA,SAAA,4BAAqC,SAAS,CAAA;AAAA,eAC3C,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA,OACV,SAAA;AACA,QAAA,0BAAA,CAA2B,KAAK,CAAA;AAAA;AAClC;AAGF,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EAAI,IAAA,CAAC,yBAAgC,OAAA,IAAA;AAErC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAmB,CAAA,QAAA;AAAA,IAAnB;AAAA,MACC,KACE,EAAA;AAAA,QACE;AAAA;AACF,KAAA;AAAA,IAGD;AAAA,GACH;AAEJ;AAEO,SAAS,0BAAqC,GAAA;AACnD,EAAM,MAAA,OAAA,GAAU,WAAW,kBAAkB,CAAA;AAC7C,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,uBAAA,GAA0B,WAAY,EAAA;AACjE;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,KAAA;AAAA,IACJ;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useLastCompleteBillingDate.esm.js","sources":["../../src/hooks/useLastCompleteBillingDate.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 {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport * as yup from 'yup';\nimport Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useApi } from '@backstage/core-plugin-api';\n\ntype BillingDateProviderLoadingProps = {\n  dispatchLoadingBillingDate: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<BillingDateProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingBillingDate: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.LastCompleteBillingDate]: isLoading }),\n});\n\nexport type BillingDateContextProps = {\n  lastCompleteBillingDate: string; // YYYY-MM-DD\n};\n\nexport const BillingDateContext = createContext<\n  BillingDateContextProps | undefined\n>(undefined);\n\nexport const dateRegex: RegExp = /^\\d{4}-\\d{2}-\\d{2}$/;\nconst dateFormatSchema = yup.string().matches(dateRegex, {\n  message:\n    'Unsupported billing date format: ${value}. Date should be in YYYY-MM-DD format.',\n  excludeEmptyString: true,\n});\n\nexport const BillingDateProvider = ({ children }: PropsWithChildren<{}>) => {\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingBillingDate } = useLoading(mapLoadingToProps);\n\n  const [lastCompleteBillingDate, setLastCompeteBillingDate] =\n    useState<Maybe<string>>(null);\n\n  useEffect(() => {\n    dispatchLoadingBillingDate(true);\n\n    async function getLastCompleteBillingDate() {\n      try {\n        const d = await client.getLastCompleteBillingDate();\n        const validDate = await dateFormatSchema.validate(d);\n        if (validDate) setLastCompeteBillingDate(validDate);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingBillingDate(false);\n      }\n    }\n\n    getLastCompleteBillingDate();\n  }, [client]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (!lastCompleteBillingDate) return null;\n\n  return (\n    <BillingDateContext.Provider\n      value={\n        {\n          lastCompleteBillingDate: lastCompleteBillingDate,\n        } as BillingDateContextProps\n      }\n    >\n      {children}\n    </BillingDateContext.Provider>\n  );\n};\n\nexport function useLastCompleteBillingDate(): string {\n  const context = useContext(BillingDateContext);\n  return context ? context.lastCompleteBillingDate : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error(\n    'Cannot use useLastCompleteBillingDate outside of BillingDateProvider',\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,oBAAwE,CAAC;AAAA,EAC7E;AACF,CAAO,MAAA;AAAA,EACL,0BAAA,EAA4B,CAAC,SAAA,KAC3B,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,uBAAuB,GAAG,SAAA,EAAW;AAC1E,CAAA,CAAA;AAMa,MAAA,kBAAA,GAAqB,cAEhC,KAAS,CAAA;AAEJ,MAAM,SAAoB,GAAA;AACjC,MAAM,gBAAmB,GAAA,GAAA,CAAI,MAAO,EAAA,CAAE,QAAQ,SAAW,EAAA;AAAA,EACvD,OACE,EAAA,iFAAA;AAAA,EACF,kBAAoB,EAAA;AACtB,CAAC,CAAA;AAEM,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,EAAE,0BAAA,EAA+B,GAAA,UAAA,CAAW,iBAAiB,CAAA;AAEnE,EAAA,MAAM,CAAC,uBAAA,EAAyB,yBAAyB,CAAA,GACvD,SAAwB,IAAI,CAAA;AAE9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,0BAAA,CAA2B,IAAI,CAAA;AAE/B,IAAA,eAAe,0BAA6B,GAAA;AAC1C,MAAI,IAAA;AACF,QAAM,MAAA,CAAA,GAAI,MAAM,MAAA,CAAO,0BAA2B,EAAA;AAClD,QAAA,MAAM,SAAY,GAAA,MAAM,gBAAiB,CAAA,QAAA,CAAS,CAAC,CAAA;AACnD,QAAI,IAAA,SAAA,4BAAqC,SAAS,CAAA;AAAA,eAC3C,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA,OACV,SAAA;AACA,QAAA,0BAAA,CAA2B,KAAK,CAAA;AAAA;AAClC;AAGF,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAGhD,EAAI,IAAA,CAAC,yBAAgC,OAAA,IAAA;AAErC,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAmB,CAAA,QAAA;AAAA,IAAnB;AAAA,MACC,KACE,EAAA;AAAA,QACE;AAAA,OACF;AAAA,MAGD;AAAA;AAAA,GACH;AAEJ;AAEO,SAAS,0BAAqC,GAAA;AACnD,EAAM,MAAA,OAAA,GAAU,WAAW,kBAAkB,CAAA;AAC7C,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,uBAAA,GAA0B,WAAY,EAAA;AACjE;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,KAAA;AAAA,IACJ;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useLoading.esm.js

@@ -1,4 +1,5 @@
-import React, { createContext, useMemo, useReducer, useState, useEffect, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useMemo, useReducer, useState, useEffect, useContext } from 'react';
 import Backdrop from '@material-ui/core/Backdrop';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { INITIAL_LOADING_ACTIONS, DefaultLoadingAction, getDefaultState } from '../utils/loading.esm.js';
@@ -33,7 +34,10 @@ const LoadingProvider = ({ children }) => {
     }
     displayLoadingBackdrop();
   }, [state, setBackdropVisible]);
-  return /* @__PURE__ */ React.createElement(LoadingContext.Provider, { value: { state, actions, dispatch } }, children, /* @__PURE__ */ React.createElement(Backdrop, { open: isBackdropVisible, classes }, /* @__PURE__ */ React.createElement(CircularProgress, null)));
+  return /* @__PURE__ */ jsxs(LoadingContext.Provider, { value: { state, actions, dispatch }, children: [
+    children,
+    /* @__PURE__ */ jsx(Backdrop, { open: isBackdropVisible, classes, children: /* @__PURE__ */ jsx(CircularProgress, {}) })
+  ] });
 };
 function useLoading(mapLoadingToProps) {
   const context = useContext(LoadingContext);

package/dist/hooks/useLoading.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLoading.esm.js","sources":["../../src/hooks/useLoading.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, {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState,\n} from 'react';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { Loading } from '../types';\nimport {\n  DefaultLoadingAction,\n  getDefaultState,\n  INITIAL_LOADING_ACTIONS,\n} from '../utils/loading';\nimport { useBackdropStyles as useStyles } from '../utils/styles';\nimport { useConfig } from './useConfig';\n\nexport type LoadingContextProps = {\n  state: Loading;\n  dispatch: Dispatch<Partial<SetStateAction<Loading>>>;\n  actions: Array<string>;\n};\n\nexport type MapLoadingToProps<T> = (props: LoadingContextProps) => T;\n\nexport const LoadingContext = createContext<LoadingContextProps | undefined>(\n  undefined,\n);\n\nfunction reducer(prevState: Loading, action: Partial<Loading>): Loading {\n  return {\n    ...prevState,\n    ...action,\n  } as Record<string, boolean>;\n}\n\nexport const LoadingProvider = ({ children }: PropsWithChildren<{}>) => {\n  const classes = useStyles();\n  const { products } = useConfig();\n  const actions = useMemo(\n    () =>\n      INITIAL_LOADING_ACTIONS.filter(\n        action =>\n          products.length ||\n          action !== DefaultLoadingAction.CostInsightsProducts,\n      ),\n    [products],\n  );\n  const [state, dispatch] = useReducer(reducer, getDefaultState(actions));\n  const [isBackdropVisible, setBackdropVisible] = useState(false);\n\n  useEffect(() => {\n    function displayLoadingBackdrop() {\n      // Initial page loading is handled by progress bar\n      setBackdropVisible(\n        !state[DefaultLoadingAction.CostInsightsInitial] &&\n          Object.values(state).some(l => l),\n      );\n    }\n    displayLoadingBackdrop();\n  }, [state, setBackdropVisible]);\n\n  return (\n    <LoadingContext.Provider value={{ state, actions, dispatch }}>\n      {children}\n      <Backdrop open={isBackdropVisible} classes={classes}>\n        <CircularProgress />\n      </Backdrop>\n    </LoadingContext.Provider>\n  );\n};\n\nexport function useLoading<T>(mapLoadingToProps: MapLoadingToProps<T>): T {\n  const context = useContext(LoadingContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return mapLoadingToProps({\n    state: context.state,\n    actions: context.actions,\n    dispatch: context.dispatch,\n  });\n}\n\nfunction assertNever(): never {\n  throw Error('useLoading cannot be used outside of LoadingProvider');\n}\n"],"names":["useStyles"],"mappings":";;;;;;;AA8CO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,KAAA;AACF;AAEA,SAAS,OAAA,CAAQ,WAAoB,MAAmC,EAAA;AACtE,EAAO,OAAA;AAAA,IACL,GAAG,SAAA;AAAA,IACH,GAAG;AAAA,GACL;AACF;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACtE,EAAA,MAAM,UAAUA,iBAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,SAAU,EAAA;AAC/B,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,MACE,uBAAwB,CAAA,MAAA;AAAA,MACtB,CACE,MAAA,KAAA,QAAA,CAAS,MACT,IAAA,MAAA,KAAW,oBAAqB,CAAA;AAAA,KACpC;AAAA,IACF,CAAC,QAAQ;AAAA,GACX;AACA,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,WAAW,OAAS,EAAA,eAAA,CAAgB,OAAO,CAAC,CAAA;AACtE,EAAA,MAAM,CAAC,iBAAA,EAAmB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,sBAAyB,GAAA;AAEhC,MAAA,kBAAA;AAAA,QACE,CAAC,KAAM,CAAA,oBAAA,CAAqB,mBAAmB,CAAA,IAC7C,MAAO,CAAA,MAAA,CAAO,KAAK,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,KAAK,CAAC;AAAA,OACpC;AAAA;AAEF,IAAuB,sBAAA,EAAA;AAAA,GACtB,EAAA,CAAC,KAAO,EAAA,kBAAkB,CAAC,CAAA;AAE9B,EAAA,2CACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAO,EAAA,EAAE,OAAO,OAAS,EAAA,QAAA,MAC/C,QACD,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,IAAM,EAAA,iBAAA,EAAmB,2BAChC,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CACpB,CACF,CAAA;AAEJ;AAEO,SAAS,WAAc,iBAA4C,EAAA;AACxE,EAAM,MAAA,OAAA,GAAU,WAAW,cAAc,CAAA;AAEzC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,iBAAkB,CAAA;AAAA,IACvB,OAAO,OAAQ,CAAA,KAAA;AAAA,IACf,SAAS,OAAQ,CAAA,OAAA;AAAA,IACjB,UAAU,OAAQ,CAAA;AAAA,GACnB,CAAA;AACH;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,sDAAsD,CAAA;AACpE;;;;"}
+{"version":3,"file":"useLoading.esm.js","sources":["../../src/hooks/useLoading.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 {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState,\n} from 'react';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { Loading } from '../types';\nimport {\n  DefaultLoadingAction,\n  getDefaultState,\n  INITIAL_LOADING_ACTIONS,\n} from '../utils/loading';\nimport { useBackdropStyles as useStyles } from '../utils/styles';\nimport { useConfig } from './useConfig';\n\nexport type LoadingContextProps = {\n  state: Loading;\n  dispatch: Dispatch<Partial<SetStateAction<Loading>>>;\n  actions: Array<string>;\n};\n\nexport type MapLoadingToProps<T> = (props: LoadingContextProps) => T;\n\nexport const LoadingContext = createContext<LoadingContextProps | undefined>(\n  undefined,\n);\n\nfunction reducer(prevState: Loading, action: Partial<Loading>): Loading {\n  return {\n    ...prevState,\n    ...action,\n  } as Record<string, boolean>;\n}\n\nexport const LoadingProvider = ({ children }: PropsWithChildren<{}>) => {\n  const classes = useStyles();\n  const { products } = useConfig();\n  const actions = useMemo(\n    () =>\n      INITIAL_LOADING_ACTIONS.filter(\n        action =>\n          products.length ||\n          action !== DefaultLoadingAction.CostInsightsProducts,\n      ),\n    [products],\n  );\n  const [state, dispatch] = useReducer(reducer, getDefaultState(actions));\n  const [isBackdropVisible, setBackdropVisible] = useState(false);\n\n  useEffect(() => {\n    function displayLoadingBackdrop() {\n      // Initial page loading is handled by progress bar\n      setBackdropVisible(\n        !state[DefaultLoadingAction.CostInsightsInitial] &&\n          Object.values(state).some(l => l),\n      );\n    }\n    displayLoadingBackdrop();\n  }, [state, setBackdropVisible]);\n\n  return (\n    <LoadingContext.Provider value={{ state, actions, dispatch }}>\n      {children}\n      <Backdrop open={isBackdropVisible} classes={classes}>\n        <CircularProgress />\n      </Backdrop>\n    </LoadingContext.Provider>\n  );\n};\n\nexport function useLoading<T>(mapLoadingToProps: MapLoadingToProps<T>): T {\n  const context = useContext(LoadingContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return mapLoadingToProps({\n    state: context.state,\n    actions: context.actions,\n    dispatch: context.dispatch,\n  });\n}\n\nfunction assertNever(): never {\n  throw Error('useLoading cannot be used outside of LoadingProvider');\n}\n"],"names":["useStyles"],"mappings":";;;;;;;;AA8CO,MAAM,cAAiB,GAAA,aAAA;AAAA,EAC5B,KAAA;AACF;AAEA,SAAS,OAAA,CAAQ,WAAoB,MAAmC,EAAA;AACtE,EAAO,OAAA;AAAA,IACL,GAAG,SAAA;AAAA,IACH,GAAG;AAAA,GACL;AACF;AAEO,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACtE,EAAA,MAAM,UAAUA,iBAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,SAAU,EAAA;AAC/B,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,MACE,uBAAwB,CAAA,MAAA;AAAA,MACtB,CACE,MAAA,KAAA,QAAA,CAAS,MACT,IAAA,MAAA,KAAW,oBAAqB,CAAA;AAAA,KACpC;AAAA,IACF,CAAC,QAAQ;AAAA,GACX;AACA,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,WAAW,OAAS,EAAA,eAAA,CAAgB,OAAO,CAAC,CAAA;AACtE,EAAA,MAAM,CAAC,iBAAA,EAAmB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,sBAAyB,GAAA;AAEhC,MAAA,kBAAA;AAAA,QACE,CAAC,KAAM,CAAA,oBAAA,CAAqB,mBAAmB,CAAA,IAC7C,MAAO,CAAA,MAAA,CAAO,KAAK,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,KAAK,CAAC;AAAA,OACpC;AAAA;AAEF,IAAuB,sBAAA,EAAA;AAAA,GACtB,EAAA,CAAC,KAAO,EAAA,kBAAkB,CAAC,CAAA;AAE9B,EACE,uBAAA,IAAA,CAAC,eAAe,QAAf,EAAA,EAAwB,OAAO,EAAE,KAAA,EAAO,OAAS,EAAA,QAAA,EAC/C,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,QAAS,EAAA,EAAA,IAAA,EAAM,mBAAmB,OACjC,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAiB,CACpB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;AAEO,SAAS,WAAc,iBAA4C,EAAA;AACxE,EAAM,MAAA,OAAA,GAAU,WAAW,cAAc,CAAA;AAEzC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,iBAAkB,CAAA;AAAA,IACvB,OAAO,OAAQ,CAAA,KAAA;AAAA,IACf,SAAS,OAAQ,CAAA,OAAA;AAAA,IACjB,UAAU,OAAQ,CAAA;AAAA,GACnB,CAAA;AACH;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,sDAAsD,CAAA;AACpE;;;;"}

package/dist/hooks/useScroll.esm.js

@@ -1,9 +1,12 @@
-import React, { useState, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
 
-const ScrollContext = React.createContext(void 0);
+const ScrollContext = createContext(
+  void 0
+);
 const ScrollProvider = ({ children }) => {
   const [scroll, setScroll] = useState(null);
-  return /* @__PURE__ */ React.createElement(ScrollContext.Provider, { value: { scroll, setScroll } }, children);
+  return /* @__PURE__ */ jsx(ScrollContext.Provider, { value: { scroll, setScroll }, children });
 };
 var ScrollType = /* @__PURE__ */ ((ScrollType2) => {
   ScrollType2["AlertSummary"] = "alert-status-summary";

package/dist/hooks/useScroll.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScroll.esm.js","sources":["../../src/hooks/useScroll.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 React, {\n  Dispatch,\n  SetStateAction,\n  useState,\n  useContext,\n  PropsWithChildren,\n} from 'react';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\n\nexport type ScrollTo = Maybe<string>;\n\nexport type ScrollContextProps = {\n  scroll: ScrollTo;\n  setScroll: Dispatch<SetStateAction<ScrollTo>>;\n};\n\nexport const ScrollContext = React.createContext<\n  ScrollContextProps | undefined\n>(undefined);\n\nexport const ScrollProvider = ({ children }: PropsWithChildren<{}>) => {\n  const [scroll, setScroll] = useState<ScrollTo>(null);\n  return (\n    <ScrollContext.Provider value={{ scroll, setScroll }}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport enum ScrollType {\n  AlertSummary = 'alert-status-summary',\n}\n\nexport function useScroll() {\n  const context = useContext(ScrollContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return [context.scroll, context.setScroll] as const;\n}\n\nfunction assertNever(): never {\n  throw new Error(`Cannot use useScroll outside ScrollProvider`);\n}\n"],"names":["ScrollType"],"mappings":";;AA+Ba,MAAA,aAAA,GAAgB,KAAM,CAAA,aAAA,CAEjC,KAAS,CAAA;AAEJ,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAmB,IAAI,CAAA;AACnD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAc,QAAd,EAAA,EAAuB,OAAO,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,EAChD,QACH,CAAA;AAEJ;AAEY,IAAA,UAAA,qBAAAA,WAAL,KAAA;AACL,EAAAA,YAAA,cAAe,CAAA,GAAA,sBAAA;AADL,EAAAA,OAAAA,WAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA;AAIL,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AAExC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,CAAC,OAAA,CAAQ,MAAQ,EAAA,OAAA,CAAQ,SAAS,CAAA;AAC3C;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,IAAI,MAAM,CAA6C,2CAAA,CAAA,CAAA;AAC/D;;;;"}
+{"version":3,"file":"useScroll.esm.js","sources":["../../src/hooks/useScroll.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 {\n  createContext,\n  Dispatch,\n  SetStateAction,\n  useState,\n  useContext,\n  PropsWithChildren,\n} from 'react';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\n\nexport type ScrollTo = Maybe<string>;\n\nexport type ScrollContextProps = {\n  scroll: ScrollTo;\n  setScroll: Dispatch<SetStateAction<ScrollTo>>;\n};\n\nexport const ScrollContext = createContext<ScrollContextProps | undefined>(\n  undefined,\n);\n\nexport const ScrollProvider = ({ children }: PropsWithChildren<{}>) => {\n  const [scroll, setScroll] = useState<ScrollTo>(null);\n  return (\n    <ScrollContext.Provider value={{ scroll, setScroll }}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport enum ScrollType {\n  AlertSummary = 'alert-status-summary',\n}\n\nexport function useScroll() {\n  const context = useContext(ScrollContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return [context.scroll, context.setScroll] as const;\n}\n\nfunction assertNever(): never {\n  throw new Error(`Cannot use useScroll outside ScrollProvider`);\n}\n"],"names":["ScrollType"],"mappings":";;;AAgCO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA;AACF;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAmB,IAAI,CAAA;AACnD,EACE,uBAAA,GAAA,CAAC,cAAc,QAAd,EAAA,EAAuB,OAAO,EAAE,MAAA,EAAQ,SAAU,EAAA,EAChD,QACH,EAAA,CAAA;AAEJ;AAEY,IAAA,UAAA,qBAAAA,WAAL,KAAA;AACL,EAAAA,YAAA,cAAe,CAAA,GAAA,sBAAA;AADL,EAAAA,OAAAA,WAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA;AAIL,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AAExC,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,CAAC,OAAA,CAAQ,MAAQ,EAAA,OAAA,CAAQ,SAAS,CAAA;AAC3C;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,IAAI,MAAM,CAA6C,2CAAA,CAAA,CAAA;AAC/D;;;;"}

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import * as React from 'react';
-import React__default, { ForwardRefExoticComponent, RefAttributes, ReactNode, PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import * as common from '@backstage-community/plugin-cost-insights-common';
 import { Maybe as Maybe$1, ChangeStatistic as ChangeStatistic$1, Group as Group$1, Project as Project$1, Cost as Cost$1, MetricData as MetricData$1, Entity as Entity$1, Metric as Metric$1, Product as Product$1 } from '@backstage-community/plugin-cost-insights-common';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode, PropsWithChildren, Dispatch, SetStateAction } from 'react';
 import { TooltipProps } from 'recharts';
 import { TypographyProps } from '@material-ui/core/Typography';
 import { BackstagePalette, BackstageTheme } from '@backstage/theme';
@@ -16,17 +16,17 @@ declare const costInsightsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     unlabeledDataflowAlerts: _backstage_core_plugin_api.RouteRef<undefined>;
 }, {}, {}>;
 /** @public */
-declare const CostInsightsPage: () => React.JSX.Element;
+declare const CostInsightsPage: () => react_jsx_runtime.JSX.Element;
 /**
  * An extension for displaying costs on an entity page.
  *
  * @public
  */
-declare const EntityCostInsightsContent: () => React.JSX.Element;
+declare const EntityCostInsightsContent: () => react_jsx_runtime.JSX.Element;
 /** @public */
-declare const CostInsightsProjectGrowthInstructionsPage: () => React.JSX.Element;
+declare const CostInsightsProjectGrowthInstructionsPage: () => react_jsx_runtime.JSX.Element;
 /** @public */
-declare const CostInsightsLabelDataflowInstructionsPage: () => React.JSX.Element;
+declare const CostInsightsLabelDataflowInstructionsPage: () => react_jsx_runtime.JSX.Element;
 
 /**
  * Time periods for cost comparison; slight abuse of ISO 8601 periods. We take P3M to mean
@@ -522,7 +522,7 @@ type BarChartProps = {
     onMouseMove?: (...args: any[]) => void;
 };
 /** @public */
-declare const BarChart: (props: BarChartProps) => React__default.JSX.Element;
+declare const BarChart: (props: BarChartProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type BarChartLegendOptions = {
@@ -539,7 +539,7 @@ type BarChartLegendProps = {
     options?: Partial<BarChartLegendOptions>;
 };
 /** @public */
-declare const BarChartLegend: (props: PropsWithChildren<BarChartLegendProps>) => React__default.JSX.Element;
+declare const BarChartLegend: (props: PropsWithChildren<BarChartLegendProps>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type BarChartTooltipProps = {
@@ -550,7 +550,7 @@ type BarChartTooltipProps = {
     actions?: ReactNode;
 };
 /** @public */
-declare const BarChartTooltip: (props: PropsWithChildren<BarChartTooltipProps>) => React__default.JSX.Element;
+declare const BarChartTooltip: (props: PropsWithChildren<BarChartTooltipProps>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type TooltipItem = {
@@ -563,7 +563,7 @@ type BarChartTooltipItemProps = {
     item: TooltipItem;
 };
 /** @public */
-declare const BarChartTooltipItem: (props: BarChartTooltipItemProps) => React__default.JSX.Element;
+declare const BarChartTooltipItem: (props: BarChartTooltipItemProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type CostGrowthProps = {
@@ -571,7 +571,7 @@ type CostGrowthProps = {
     duration: Duration;
 };
 /** @public */
-declare const CostGrowth: (props: CostGrowthProps) => React__default.JSX.Element;
+declare const CostGrowth: (props: CostGrowthProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type CostGrowthIndicatorProps = TypographyProps & {
@@ -581,7 +581,7 @@ type CostGrowthIndicatorProps = TypographyProps & {
     }) => Maybe$1<string>;
 };
 /** @public */
-declare const CostGrowthIndicator: (props: CostGrowthIndicatorProps) => React__default.JSX.Element;
+declare const CostGrowthIndicator: (props: CostGrowthIndicatorProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type LegendItemProps = {
@@ -590,7 +590,7 @@ type LegendItemProps = {
     markerColor?: string;
 };
 /** @public */
-declare const LegendItem: (props: PropsWithChildren<LegendItemProps>) => React__default.JSX.Element;
+declare const LegendItem: (props: PropsWithChildren<LegendItemProps>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 type ConfigContextProps = {
@@ -613,11 +613,11 @@ type CurrencyContextProps = {
 /** @public */
 type MockConfigProviderProps = PropsWithChildren<Partial<ConfigContextProps>>;
 /** @public */
-declare const MockConfigProvider: (props: MockConfigProviderProps) => React__default.JSX.Element;
+declare const MockConfigProvider: (props: MockConfigProviderProps) => react_jsx_runtime.JSX.Element;
 /** @public */
 type MockCurrencyProviderProps = PropsWithChildren<Partial<CurrencyContextProps>>;
 /** @public */
-declare const MockCurrencyProvider: (props: MockCurrencyProviderProps) => React__default.JSX.Element;
+declare const MockCurrencyProvider: (props: MockCurrencyProviderProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * The alert below is an example of an Alert implementation; the CostInsightsApi permits returning
@@ -632,7 +632,7 @@ declare class ProjectGrowthAlert implements Alert {
     get url(): string;
     get title(): string;
     get subtitle(): string;
-    get element(): React__default.JSX.Element;
+    get element(): react_jsx_runtime.JSX.Element;
 }
 
 /**
@@ -649,7 +649,7 @@ declare class UnlabeledDataflowAlert implements Alert {
     get url(): string;
     get title(): string;
     get subtitle(): string;
-    get element(): React__default.JSX.Element;
+    get element(): react_jsx_runtime.JSX.Element;
 }
 
 export { type Alert, type AlertCost, type AlertDismissFormData, type AlertDismissOption, AlertDismissOptions, AlertDismissReason, type AlertForm, type AlertFormProps, type AlertOptions, type AlertSnoozeFormData, type AlertSnoozeOption, AlertSnoozeOptions, AlertStatus, BarChart, type BarChartData, BarChartLegend, type BarChartLegendOptions, type BarChartLegendProps, type BarChartOptions, type BarChartProps, BarChartTooltip, BarChartTooltipItem, type BarChartTooltipItemProps, type BarChartTooltipProps, type ChangeStatistic, ChangeThreshold, type ChartData, type ConfigContextProps, type Cost, CostGrowth, CostGrowthIndicator, type CostGrowthIndicatorProps, type CostGrowthProps, type CostInsightsApi, CostInsightsLabelDataflowInstructionsPage, CostInsightsPage, type CostInsightsPalette, type CostInsightsPaletteAdditions, type CostInsightsPaletteOptions, CostInsightsProjectGrowthInstructionsPage, type CostInsightsTheme, type CostInsightsThemeOptions, type CostInsightsTooltipOptions, type Currency, type CurrencyContextProps, CurrencyType, DEFAULT_DATE_FORMAT, DataKey, type DateAggregation, Duration, EngineerThreshold, type Entity, EntityCostInsightsContent, ExampleCostInsightsClient, type Group, GrowthType, type Icon, IconType, LegendItem, type LegendItemProps, type Loading, type Maybe, type Metric, type MetricData, MockConfigProvider, type MockConfigProviderProps, MockCurrencyProvider, type MockCurrencyProviderProps, type PageFilters, type Product, type ProductFilters, type ProductInsightsOptions, type ProductPeriod, type Project, ProjectGrowthAlert, type ProjectGrowthData, type ResourceData, type TooltipItem, type TooltipRenderer, type Trendline, UnlabeledDataflowAlert, type UnlabeledDataflowAlertProject, type UnlabeledDataflowData, costInsightsApiRef, costInsightsPlugin, costInsightsPlugin as plugin };

package/dist/index.esm.js

@@ -1,9 +1,10 @@
 export { CostInsightsLabelDataflowInstructionsPage, CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, EntityCostInsightsContent, costInsightsPlugin, costInsightsPlugin as plugin } from './plugin.esm.js';
-import 'react';
+import 'react/jsx-runtime';
 import 'pluralize';
 import '@material-ui/core/Typography';
 import '@material-ui/core/Box';
 import '@material-ui/core/styles';
+import 'react';
 import '@material-ui/core/Avatar';
 import '@material-ui/core/Tooltip';
 import '@material-ui/core/IconButton';

package/dist/index.esm.js.map

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

package/dist/plugin.esm.js

@@ -1,14 +1,6 @@
-import { createRouteRef, createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
+import { createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
+import { rootRouteRef, projectGrowthAlertRef, unlabeledDataflowAlertRef } from './routes.esm.js';
 
-const rootRouteRef = createRouteRef({
-  id: "cost-insights"
-});
-const projectGrowthAlertRef = createRouteRef({
-  id: "cost-insights:investigating-growth"
-});
-const unlabeledDataflowAlertRef = createRouteRef({
-  id: "cost-insights:labeling-jobs"
-});
 const costInsightsPlugin = createPlugin({
   id: "cost-insights",
   featureFlags: [{ name: "cost-insights-currencies" }],
@@ -51,5 +43,5 @@ const CostInsightsLabelDataflowInstructionsPage = costInsightsPlugin.provide(
   })
 );
 
-export { CostInsightsLabelDataflowInstructionsPage, CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, EntityCostInsightsContent, costInsightsPlugin, projectGrowthAlertRef, rootRouteRef, unlabeledDataflowAlertRef };
+export { CostInsightsLabelDataflowInstructionsPage, CostInsightsPage, CostInsightsProjectGrowthInstructionsPage, EntityCostInsightsContent, costInsightsPlugin };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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  createPlugin,\n  createRouteRef,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'cost-insights',\n});\n\nexport const projectGrowthAlertRef = createRouteRef({\n  id: 'cost-insights:investigating-growth',\n});\n\nexport const unlabeledDataflowAlertRef = createRouteRef({\n  id: 'cost-insights:labeling-jobs',\n});\n\n/** @public */\nexport const costInsightsPlugin = createPlugin({\n  id: 'cost-insights',\n  featureFlags: [{ name: 'cost-insights-currencies' }],\n  routes: {\n    root: rootRouteRef,\n    growthAlerts: projectGrowthAlertRef,\n    unlabeledDataflowAlerts: unlabeledDataflowAlertRef,\n  },\n});\n\n/** @public */\nexport const CostInsightsPage = costInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'CostInsightsPage',\n    component: () =>\n      import('./components/CostInsightsPage').then(m => m.CostInsightsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * An extension for displaying costs on an entity page.\n *\n * @public\n */\nexport const EntityCostInsightsContent = costInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityCostInsightsContent',\n    component: () =>\n      import('./components/EntityCosts').then(m => m.EntityCosts),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const CostInsightsProjectGrowthInstructionsPage =\n  costInsightsPlugin.provide(\n    createRoutableExtension({\n      name: 'CostInsightsProjectGrowthInstructionsPage',\n      component: () =>\n        import('./components/ProjectGrowthInstructionsPage').then(\n          m => m.ProjectGrowthInstructionsPage,\n        ),\n      mountPoint: projectGrowthAlertRef,\n    }),\n  );\n\n/** @public */\nexport const CostInsightsLabelDataflowInstructionsPage =\n  costInsightsPlugin.provide(\n    createRoutableExtension({\n      name: 'CostInsightsLabelDataflowInstructionsPage',\n      component: () =>\n        import('./components/LabelDataflowInstructionsPage').then(\n          m => m.LabelDataflowInstructionsPage,\n        ),\n      mountPoint: unlabeledDataflowAlertRef,\n    }),\n  );\n"],"names":[],"mappings":";;AAsBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,wBAAwB,cAAe,CAAA;AAAA,EAClD,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,4BAA4B,cAAe,CAAA;AAAA,EACtD,EAAI,EAAA;AACN,CAAC;AAGM,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,YAAc,EAAA,CAAC,EAAE,IAAA,EAAM,4BAA4B,CAAA;AAAA,EACnD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,YAAc,EAAA,qBAAA;AAAA,IACd,uBAAyB,EAAA;AAAA;AAE7B,CAAC;AAGM,MAAM,mBAAmB,kBAAmB,CAAA,OAAA;AAAA,EACjD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,kBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,4CAA+B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,gBAAgB,CAAA;AAAA,IACtE,UAAY,EAAA;AAAA,GACb;AACH;AAOO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,uCAA0B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW,CAAA;AAAA,IAC5D,UAAY,EAAA;AAAA,GACb;AACH;AAGO,MAAM,4CACX,kBAAmB,CAAA,OAAA;AAAA,EACjB,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2CAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yDAA4C,CAAE,CAAA,IAAA;AAAA,MACnD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAGK,MAAM,4CACX,kBAAmB,CAAA,OAAA;AAAA,EACjB,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2CAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yDAA4C,CAAE,CAAA,IAAA;AAAA,MACnD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\nimport {\n  projectGrowthAlertRef,\n  rootRouteRef,\n  unlabeledDataflowAlertRef,\n} from './routes';\n\n/** @public */\nexport const costInsightsPlugin = createPlugin({\n  id: 'cost-insights',\n  featureFlags: [{ name: 'cost-insights-currencies' }],\n  routes: {\n    root: rootRouteRef,\n    growthAlerts: projectGrowthAlertRef,\n    unlabeledDataflowAlerts: unlabeledDataflowAlertRef,\n  },\n});\n\n/** @public */\nexport const CostInsightsPage = costInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'CostInsightsPage',\n    component: () =>\n      import('./components/CostInsightsPage').then(m => m.CostInsightsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * An extension for displaying costs on an entity page.\n *\n * @public\n */\nexport const EntityCostInsightsContent = costInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityCostInsightsContent',\n    component: () =>\n      import('./components/EntityCosts').then(m => m.EntityCosts),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const CostInsightsProjectGrowthInstructionsPage =\n  costInsightsPlugin.provide(\n    createRoutableExtension({\n      name: 'CostInsightsProjectGrowthInstructionsPage',\n      component: () =>\n        import('./components/ProjectGrowthInstructionsPage').then(\n          m => m.ProjectGrowthInstructionsPage,\n        ),\n      mountPoint: projectGrowthAlertRef,\n    }),\n  );\n\n/** @public */\nexport const CostInsightsLabelDataflowInstructionsPage =\n  costInsightsPlugin.provide(\n    createRoutableExtension({\n      name: 'CostInsightsLabelDataflowInstructionsPage',\n      component: () =>\n        import('./components/LabelDataflowInstructionsPage').then(\n          m => m.LabelDataflowInstructionsPage,\n        ),\n      mountPoint: unlabeledDataflowAlertRef,\n    }),\n  );\n"],"names":[],"mappings":";;;AA2BO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,YAAc,EAAA,CAAC,EAAE,IAAA,EAAM,4BAA4B,CAAA;AAAA,EACnD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,YAAc,EAAA,qBAAA;AAAA,IACd,uBAAyB,EAAA;AAAA;AAE7B,CAAC;AAGM,MAAM,mBAAmB,kBAAmB,CAAA,OAAA;AAAA,EACjD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,kBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,4CAA+B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,gBAAgB,CAAA;AAAA,IACtE,UAAY,EAAA;AAAA,GACb;AACH;AAOO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,uCAA0B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW,CAAA;AAAA,IAC5D,UAAY,EAAA;AAAA,GACb;AACH;AAGO,MAAM,4CACX,kBAAmB,CAAA,OAAA;AAAA,EACjB,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2CAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yDAA4C,CAAE,CAAA,IAAA;AAAA,MACnD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;AAGK,MAAM,4CACX,kBAAmB,CAAA,OAAA;AAAA,EACjB,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2CAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yDAA4C,CAAE,CAAA,IAAA;AAAA,MACnD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA;AAAA,GACb;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,14 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "cost-insights"
+});
+const projectGrowthAlertRef = createRouteRef({
+  id: "cost-insights:investigating-growth"
+});
+const unlabeledDataflowAlertRef = createRouteRef({
+  id: "cost-insights:labeling-jobs"
+});
+
+export { projectGrowthAlertRef, rootRouteRef, unlabeledDataflowAlertRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'cost-insights',\n});\n\nexport const projectGrowthAlertRef = createRouteRef({\n  id: 'cost-insights:investigating-growth',\n});\n\nexport const unlabeledDataflowAlertRef = createRouteRef({\n  id: 'cost-insights:labeling-jobs',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,wBAAwB,cAAe,CAAA;AAAA,EAClD,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,4BAA4B,cAAe,CAAA;AAAA,EACtD,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/testUtils/providers.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ConfigContext } from '../hooks/useConfig.esm.js';
 import { CurrencyContext } from '../hooks/useCurrency.esm.js';
 import '../hooks/useFilters.esm.js';
@@ -22,7 +22,7 @@ const MockConfigProvider = (props) => {
     hideTrendLine: false,
     currencies: []
   };
-  return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: { ...defaultContext, ...context } }, children);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: { ...defaultContext, ...context }, children });
 };
 const MockCurrencyProvider = (props) => {
   const { children, ...context } = props;
@@ -34,7 +34,7 @@ const MockCurrencyProvider = (props) => {
     },
     setCurrency: jest.fn()
   };
-  return /* @__PURE__ */ React.createElement(CurrencyContext.Provider, { value: { ...defaultContext, ...context } }, children);
+  return /* @__PURE__ */ jsx(CurrencyContext.Provider, { value: { ...defaultContext, ...context }, children });
 };
 
 export { MockConfigProvider, MockCurrencyProvider };

package/dist/testUtils/providers.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.esm.js","sources":["../../src/testUtils/providers.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 {\n  LoadingContext,\n  LoadingContextProps,\n  GroupsContext,\n  GroupsContextProps,\n  FilterContext,\n  FilterContextProps,\n  ConfigContext,\n  ConfigContextProps,\n  CurrencyContext,\n  CurrencyContextProps,\n  BillingDateContext,\n  BillingDateContextProps,\n  ScrollContext,\n  ScrollContextProps,\n} from '../hooks';\nimport { Duration, EngineerThreshold } from '../types';\nimport { createCurrencyFormat } from '../utils/currency';\n\nexport type MockFilterProviderProps = PropsWithChildren<\n  Partial<FilterContextProps>\n>;\n\nexport const MockFilterProvider = ({\n  children,\n  ...context\n}: MockFilterProviderProps) => {\n  const defaultContext: FilterContextProps = {\n    pageFilters: {\n      group: 'tech',\n      project: null,\n      duration: Duration.P90D,\n      metric: null,\n    },\n    productFilters: [],\n    setPageFilters: jest.fn(),\n    setProductFilters: jest.fn(),\n  };\n  return (\n    <FilterContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </FilterContext.Provider>\n  );\n};\n\nexport type MockLoadingProviderProps = PropsWithChildren<\n  Partial<LoadingContextProps>\n>;\n\nexport const MockLoadingProvider = ({\n  children,\n  ...context\n}: MockLoadingProviderProps) => {\n  const defaultContext: LoadingContextProps = {\n    state: {},\n    actions: [],\n    dispatch: jest.fn(),\n  };\n  return (\n    <LoadingContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </LoadingContext.Provider>\n  );\n};\n\n/** @public */\nexport type MockConfigProviderProps = PropsWithChildren<\n  Partial<ConfigContextProps>\n>;\n\n/** @public */\nexport const MockConfigProvider = (props: MockConfigProviderProps) => {\n  const { children, ...context } = props;\n\n  const defaultContext: ConfigContextProps = {\n    baseCurrency: createCurrencyFormat(),\n    metrics: [],\n    products: [],\n    icons: [],\n    engineerCost: 0,\n    engineerThreshold: EngineerThreshold,\n    hideTrendLine: false,\n    currencies: [],\n  };\n\n  return (\n    <ConfigContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </ConfigContext.Provider>\n  );\n};\n\n/** @public */\nexport type MockCurrencyProviderProps = PropsWithChildren<\n  Partial<CurrencyContextProps>\n>;\n\n/** @public */\nexport const MockCurrencyProvider = (props: MockCurrencyProviderProps) => {\n  const { children, ...context } = props;\n\n  const defaultContext: CurrencyContextProps = {\n    currency: {\n      kind: null,\n      label: 'Engineers 🛠',\n      unit: 'engineer',\n    },\n    setCurrency: jest.fn(),\n  };\n\n  return (\n    <CurrencyContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </CurrencyContext.Provider>\n  );\n};\n\nexport type MockBillingDateProviderProps = PropsWithChildren<\n  Partial<BillingDateContextProps>\n>;\n\nexport const MockBillingDateProvider = ({\n  children,\n  ...context\n}: MockBillingDateProviderProps) => {\n  const defaultContext: BillingDateContextProps = {\n    lastCompleteBillingDate: '2020-10-01',\n  };\n  return (\n    <BillingDateContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </BillingDateContext.Provider>\n  );\n};\n\nexport type MockScrollProviderProps = PropsWithChildren<{}>;\n\nexport const MockScrollProvider = ({ children }: MockScrollProviderProps) => {\n  const defaultContext: ScrollContextProps = {\n    scroll: null,\n    setScroll: jest.fn(),\n  };\n  return (\n    <ScrollContext.Provider value={defaultContext}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport type MockGroupsProviderProps = PropsWithChildren<\n  Partial<GroupsContextProps>\n>;\n\nexport const MockGroupsProvider = ({\n  children,\n  ...context\n}: MockGroupsProviderProps) => {\n  const defaultContext: GroupsContextProps = {\n    groups: [],\n  };\n  return (\n    <GroupsContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </GroupsContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAwFa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,OAAA,EAAY,GAAA,KAAA;AAEjC,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC,cAAc,oBAAqB,EAAA;AAAA,IACnC,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,OAAO,EAAC;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,iBAAmB,EAAA,iBAAA;AAAA,IACnB,aAAe,EAAA,KAAA;AAAA,IACf,YAAY;AAAC,GACf;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,GAAG,cAAgB,EAAA,GAAG,OAAQ,EAAA,EAAA,EAC5D,QACH,CAAA;AAEJ;AAQa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,OAAA,EAAY,GAAA,KAAA;AAEjC,EAAA,MAAM,cAAuC,GAAA;AAAA,IAC3C,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA,qBAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,WAAA,EAAa,KAAK,EAAG;AAAA,GACvB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,EAAE,GAAG,cAAgB,EAAA,GAAG,OAAQ,EAAA,EAAA,EAC9D,QACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"providers.esm.js","sources":["../../src/testUtils/providers.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 { PropsWithChildren } from 'react';\nimport {\n  LoadingContext,\n  LoadingContextProps,\n  GroupsContext,\n  GroupsContextProps,\n  FilterContext,\n  FilterContextProps,\n  ConfigContext,\n  ConfigContextProps,\n  CurrencyContext,\n  CurrencyContextProps,\n  BillingDateContext,\n  BillingDateContextProps,\n  ScrollContext,\n  ScrollContextProps,\n} from '../hooks';\nimport { Duration, EngineerThreshold } from '../types';\nimport { createCurrencyFormat } from '../utils/currency';\n\nexport type MockFilterProviderProps = PropsWithChildren<\n  Partial<FilterContextProps>\n>;\n\nexport const MockFilterProvider = ({\n  children,\n  ...context\n}: MockFilterProviderProps) => {\n  const defaultContext: FilterContextProps = {\n    pageFilters: {\n      group: 'tech',\n      project: null,\n      duration: Duration.P90D,\n      metric: null,\n    },\n    productFilters: [],\n    setPageFilters: jest.fn(),\n    setProductFilters: jest.fn(),\n  };\n  return (\n    <FilterContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </FilterContext.Provider>\n  );\n};\n\nexport type MockLoadingProviderProps = PropsWithChildren<\n  Partial<LoadingContextProps>\n>;\n\nexport const MockLoadingProvider = ({\n  children,\n  ...context\n}: MockLoadingProviderProps) => {\n  const defaultContext: LoadingContextProps = {\n    state: {},\n    actions: [],\n    dispatch: jest.fn(),\n  };\n  return (\n    <LoadingContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </LoadingContext.Provider>\n  );\n};\n\n/** @public */\nexport type MockConfigProviderProps = PropsWithChildren<\n  Partial<ConfigContextProps>\n>;\n\n/** @public */\nexport const MockConfigProvider = (props: MockConfigProviderProps) => {\n  const { children, ...context } = props;\n\n  const defaultContext: ConfigContextProps = {\n    baseCurrency: createCurrencyFormat(),\n    metrics: [],\n    products: [],\n    icons: [],\n    engineerCost: 0,\n    engineerThreshold: EngineerThreshold,\n    hideTrendLine: false,\n    currencies: [],\n  };\n\n  return (\n    <ConfigContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </ConfigContext.Provider>\n  );\n};\n\n/** @public */\nexport type MockCurrencyProviderProps = PropsWithChildren<\n  Partial<CurrencyContextProps>\n>;\n\n/** @public */\nexport const MockCurrencyProvider = (props: MockCurrencyProviderProps) => {\n  const { children, ...context } = props;\n\n  const defaultContext: CurrencyContextProps = {\n    currency: {\n      kind: null,\n      label: 'Engineers 🛠',\n      unit: 'engineer',\n    },\n    setCurrency: jest.fn(),\n  };\n\n  return (\n    <CurrencyContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </CurrencyContext.Provider>\n  );\n};\n\nexport type MockBillingDateProviderProps = PropsWithChildren<\n  Partial<BillingDateContextProps>\n>;\n\nexport const MockBillingDateProvider = ({\n  children,\n  ...context\n}: MockBillingDateProviderProps) => {\n  const defaultContext: BillingDateContextProps = {\n    lastCompleteBillingDate: '2020-10-01',\n  };\n  return (\n    <BillingDateContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </BillingDateContext.Provider>\n  );\n};\n\nexport type MockScrollProviderProps = PropsWithChildren<{}>;\n\nexport const MockScrollProvider = ({ children }: MockScrollProviderProps) => {\n  const defaultContext: ScrollContextProps = {\n    scroll: null,\n    setScroll: jest.fn(),\n  };\n  return (\n    <ScrollContext.Provider value={defaultContext}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport type MockGroupsProviderProps = PropsWithChildren<\n  Partial<GroupsContextProps>\n>;\n\nexport const MockGroupsProvider = ({\n  children,\n  ...context\n}: MockGroupsProviderProps) => {\n  const defaultContext: GroupsContextProps = {\n    groups: [],\n  };\n  return (\n    <GroupsContext.Provider value={{ ...defaultContext, ...context }}>\n      {children}\n    </GroupsContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAwFa,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,OAAA,EAAY,GAAA,KAAA;AAEjC,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC,cAAc,oBAAqB,EAAA;AAAA,IACnC,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,OAAO,EAAC;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,iBAAmB,EAAA,iBAAA;AAAA,IACnB,aAAe,EAAA,KAAA;AAAA,IACf,YAAY;AAAC,GACf;AAEA,EACE,uBAAA,GAAA,CAAC,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,GAAG,cAAgB,EAAA,GAAG,OAAQ,EAAA,EAC5D,QACH,EAAA,CAAA;AAEJ;AAQa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,OAAA,EAAY,GAAA,KAAA;AAEjC,EAAA,MAAM,cAAuC,GAAA;AAAA,IAC3C,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA,qBAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,WAAA,EAAa,KAAK,EAAG;AAAA,GACvB;AAEA,EACE,uBAAA,GAAA,CAAC,eAAgB,CAAA,QAAA,EAAhB,EAAyB,KAAA,EAAO,EAAE,GAAG,cAAgB,EAAA,GAAG,OAAQ,EAAA,EAC9D,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/utils/navigation.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MoneyIcon from '@material-ui/icons/MonetizationOn';
 import ActionIcon from '@material-ui/icons/Whatshot';
 import Settings from '@material-ui/icons/Settings';
@@ -20,14 +20,14 @@ const getDefaultNavigationItems = (alerts) => {
   const items = [
     {
       navigation: "cost-overview-card" /* CostOverviewCard */,
-      icon: /* @__PURE__ */ React.createElement(MoneyIcon, null),
+      icon: /* @__PURE__ */ jsx(MoneyIcon, {}),
       title: "Cost Overview"
     }
   ];
   if (alerts > 0) {
     items.push({
       navigation: "alert-insights-header" /* AlertInsightsHeader */,
-      icon: /* @__PURE__ */ React.createElement(ActionIcon, null),
+      icon: /* @__PURE__ */ jsx(ActionIcon, {}),
       title: "Action Items"
     });
   }
@@ -36,19 +36,19 @@ const getDefaultNavigationItems = (alerts) => {
 function getIcon(icon) {
   switch (icon) {
     case IconType.Compute:
-      return /* @__PURE__ */ React.createElement(Settings, null);
+      return /* @__PURE__ */ jsx(Settings, {});
     case IconType.Data:
-      return /* @__PURE__ */ React.createElement(AccountTree, null);
+      return /* @__PURE__ */ jsx(AccountTree, {});
     case IconType.Database:
-      return /* @__PURE__ */ React.createElement(ViewHeadline, null);
+      return /* @__PURE__ */ jsx(ViewHeadline, {});
     case IconType.Storage:
-      return /* @__PURE__ */ React.createElement(Storage, null);
+      return /* @__PURE__ */ jsx(Storage, {});
     case IconType.Search:
-      return /* @__PURE__ */ React.createElement(Search, null);
+      return /* @__PURE__ */ jsx(Search, {});
     case IconType.ML:
-      return /* @__PURE__ */ React.createElement(School, null);
+      return /* @__PURE__ */ jsx(School, {});
     default:
-      return /* @__PURE__ */ React.createElement(CloudQueue, null);
+      return /* @__PURE__ */ jsx(CloudQueue, {});
   }
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.esm.js","sources":["../../src/utils/navigation.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 React from 'react';\nimport MoneyIcon from '@material-ui/icons/MonetizationOn';\nimport ActionIcon from '@material-ui/icons/Whatshot';\nimport Settings from '@material-ui/icons/Settings';\nimport AccountTree from '@material-ui/icons/AccountTree';\nimport Storage from '@material-ui/icons/Storage';\nimport Search from '@material-ui/icons/Search';\nimport CloudQueue from '@material-ui/icons/CloudQueue';\nimport School from '@material-ui/icons/School';\nimport ViewHeadline from '@material-ui/icons/ViewHeadline';\nimport { IconType } from '../types';\n\nexport enum DefaultNavigation {\n  CostOverviewCard = 'cost-overview-card',\n  AlertInsightsHeader = 'alert-insights-header',\n}\n\nexport type NavigationItem = {\n  navigation: string;\n  icon: JSX.Element;\n  title: string;\n};\n\nexport const getDefaultNavigationItems = (alerts: number): NavigationItem[] => {\n  const items = [\n    {\n      navigation: DefaultNavigation.CostOverviewCard,\n      icon: <MoneyIcon />,\n      title: 'Cost Overview',\n    },\n  ];\n  if (alerts > 0) {\n    items.push({\n      navigation: DefaultNavigation.AlertInsightsHeader,\n      icon: <ActionIcon />,\n      title: 'Action Items',\n    });\n  }\n  return items;\n};\n\nexport function getIcon(icon?: string): JSX.Element {\n  switch (icon) {\n    case IconType.Compute:\n      return <Settings />;\n    case IconType.Data:\n      return <AccountTree />;\n    case IconType.Database:\n      return <ViewHeadline />;\n    case IconType.Storage:\n      return <Storage />;\n    case IconType.Search:\n      return <Search />;\n    case IconType.ML:\n      return <School />;\n    default:\n      return <CloudQueue />;\n  }\n}\n"],"names":["DefaultNavigation"],"mappings":";;;;;;;;;;;;;AA2BY,IAAA,iBAAA,qBAAAA,kBAAL,KAAA;AACL,EAAAA,mBAAA,kBAAmB,CAAA,GAAA,oBAAA;AACnB,EAAAA,mBAAA,qBAAsB,CAAA,GAAA,uBAAA;AAFZ,EAAAA,OAAAA,kBAAAA;AAAA,CAAA,EAAA,iBAAA,IAAA,EAAA;AAWC,MAAA,yBAAA,GAA4B,CAAC,MAAqC,KAAA;AAC7E,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ;AAAA,MACE,UAAY,EAAA,oBAAA;AAAA,MACZ,IAAA,sCAAO,SAAU,EAAA,IAAA,CAAA;AAAA,MACjB,KAAO,EAAA;AAAA;AACT,GACF;AACA,EAAA,IAAI,SAAS,CAAG,EAAA;AACd,IAAA,KAAA,CAAM,IAAK,CAAA;AAAA,MACT,UAAY,EAAA,uBAAA;AAAA,MACZ,IAAA,sCAAO,UAAW,EAAA,IAAA,CAAA;AAAA,MAClB,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AAEH,EAAO,OAAA,KAAA;AACT;AAEO,SAAS,QAAQ,IAA4B,EAAA;AAClD,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAS,CAAA,OAAA;AACZ,MAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,IACnB,KAAK,QAAS,CAAA,IAAA;AACZ,MAAA,2CAAQ,WAAY,EAAA,IAAA,CAAA;AAAA,IACtB,KAAK,QAAS,CAAA,QAAA;AACZ,MAAA,2CAAQ,YAAa,EAAA,IAAA,CAAA;AAAA,IACvB,KAAK,QAAS,CAAA,OAAA;AACZ,MAAA,2CAAQ,OAAQ,EAAA,IAAA,CAAA;AAAA,IAClB,KAAK,QAAS,CAAA,MAAA;AACZ,MAAA,2CAAQ,MAAO,EAAA,IAAA,CAAA;AAAA,IACjB,KAAK,QAAS,CAAA,EAAA;AACZ,MAAA,2CAAQ,MAAO,EAAA,IAAA,CAAA;AAAA,IACjB;AACE,MAAA,2CAAQ,UAAW,EAAA,IAAA,CAAA;AAAA;AAEzB;;;;"}
+{"version":3,"file":"navigation.esm.js","sources":["../../src/utils/navigation.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 MoneyIcon from '@material-ui/icons/MonetizationOn';\nimport ActionIcon from '@material-ui/icons/Whatshot';\nimport Settings from '@material-ui/icons/Settings';\nimport AccountTree from '@material-ui/icons/AccountTree';\nimport Storage from '@material-ui/icons/Storage';\nimport Search from '@material-ui/icons/Search';\nimport CloudQueue from '@material-ui/icons/CloudQueue';\nimport School from '@material-ui/icons/School';\nimport ViewHeadline from '@material-ui/icons/ViewHeadline';\nimport { IconType } from '../types';\n\nexport enum DefaultNavigation {\n  CostOverviewCard = 'cost-overview-card',\n  AlertInsightsHeader = 'alert-insights-header',\n}\n\nexport type NavigationItem = {\n  navigation: string;\n  icon: JSX.Element;\n  title: string;\n};\n\nexport const getDefaultNavigationItems = (alerts: number): NavigationItem[] => {\n  const items = [\n    {\n      navigation: DefaultNavigation.CostOverviewCard,\n      icon: <MoneyIcon />,\n      title: 'Cost Overview',\n    },\n  ];\n  if (alerts > 0) {\n    items.push({\n      navigation: DefaultNavigation.AlertInsightsHeader,\n      icon: <ActionIcon />,\n      title: 'Action Items',\n    });\n  }\n  return items;\n};\n\nexport function getIcon(icon?: string): JSX.Element {\n  switch (icon) {\n    case IconType.Compute:\n      return <Settings />;\n    case IconType.Data:\n      return <AccountTree />;\n    case IconType.Database:\n      return <ViewHeadline />;\n    case IconType.Storage:\n      return <Storage />;\n    case IconType.Search:\n      return <Search />;\n    case IconType.ML:\n      return <School />;\n    default:\n      return <CloudQueue />;\n  }\n}\n"],"names":["DefaultNavigation"],"mappings":";;;;;;;;;;;;;AA0BY,IAAA,iBAAA,qBAAAA,kBAAL,KAAA;AACL,EAAAA,mBAAA,kBAAmB,CAAA,GAAA,oBAAA;AACnB,EAAAA,mBAAA,qBAAsB,CAAA,GAAA,uBAAA;AAFZ,EAAAA,OAAAA,kBAAAA;AAAA,CAAA,EAAA,iBAAA,IAAA,EAAA;AAWC,MAAA,yBAAA,GAA4B,CAAC,MAAqC,KAAA;AAC7E,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ;AAAA,MACE,UAAY,EAAA,oBAAA;AAAA,MACZ,IAAA,sBAAO,SAAU,EAAA,EAAA,CAAA;AAAA,MACjB,KAAO,EAAA;AAAA;AACT,GACF;AACA,EAAA,IAAI,SAAS,CAAG,EAAA;AACd,IAAA,KAAA,CAAM,IAAK,CAAA;AAAA,MACT,UAAY,EAAA,uBAAA;AAAA,MACZ,IAAA,sBAAO,UAAW,EAAA,EAAA,CAAA;AAAA,MAClB,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AAEH,EAAO,OAAA,KAAA;AACT;AAEO,SAAS,QAAQ,IAA4B,EAAA;AAClD,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAS,CAAA,OAAA;AACZ,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,QAAS,CAAA,IAAA;AACZ,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,QAAS,CAAA,QAAA;AACZ,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,QAAS,CAAA,OAAA;AACZ,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,QAAS,CAAA,MAAA;AACZ,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,QAAS,CAAA,EAAA;AACZ,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB;AACE,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAEzB;;;;"}

package/dist/utils/scroll.esm.js

@@ -1,4 +1,5 @@
-import React, { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
 import { useScroll } from '../hooks/useScroll.esm.js';
 
 const ScrollAnchor = ({
@@ -24,7 +25,7 @@ const ScrollAnchor = ({
     }
     scrollIntoView();
   }, [scroll, setScroll, id, behavior, block, inline]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: divRef,

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.esm.js","sources":["../../src/utils/scroll.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 React, { useEffect, useRef } from 'react';\nimport { ScrollTo, useScroll } from '../hooks/useScroll';\n\n/*\n  Utility component use in conjunction with useScroll that allows scrollable components to control behavior and offset.\n  1. ScrollAnchor must be a direct child of a scrollable component.\n  2. ScrollAnchor's parent position must be relative. \n  3. ScrollAnchor's id must be unique.\n*/\n\nexport interface ScrollAnchorProps extends ScrollIntoViewOptions {\n  id: ScrollTo;\n  top?: number;\n  left?: number;\n}\n\nexport const ScrollAnchor = ({\n  id,\n  left = 0,\n  top = -20,\n  block = 'start',\n  inline = 'nearest',\n  behavior = 'smooth',\n}: ScrollAnchorProps) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [scroll, setScroll] = useScroll();\n\n  useEffect(() => {\n    function scrollIntoView() {\n      if (divRef.current && scroll === id) {\n        divRef.current.scrollIntoView({\n          block,\n          inline,\n          behavior,\n        });\n        setScroll(null);\n      }\n    }\n\n    scrollIntoView();\n  }, [scroll, setScroll, id, behavior, block, inline]);\n\n  return (\n    <div\n      ref={divRef}\n      style={{ position: 'absolute', height: 0, width: 0, top, left }}\n      data-testid={`scroll-test-${id}`}\n    />\n  );\n};\n"],"names":[],"mappings":";;;AA+BO,MAAM,eAAe,CAAC;AAAA,EAC3B,EAAA;AAAA,EACA,IAAO,GAAA,CAAA;AAAA,EACP,GAAM,GAAA,CAAA,EAAA;AAAA,EACN,KAAQ,GAAA,OAAA;AAAA,EACR,MAAS,GAAA,SAAA;AAAA,EACT,QAAW,GAAA;AACb,CAAyB,KAAA;AACvB,EAAM,MAAA,MAAA,GAAS,OAAuB,IAAI,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAU,EAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,cAAiB,GAAA;AACxB,MAAI,IAAA,MAAA,CAAO,OAAW,IAAA,MAAA,KAAW,EAAI,EAAA;AACnC,QAAA,MAAA,CAAO,QAAQ,cAAe,CAAA;AAAA,UAC5B,KAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA;AACD,QAAA,SAAA,CAAU,IAAI,CAAA;AAAA;AAChB;AAGF,IAAe,cAAA,EAAA;AAAA,GACjB,EAAG,CAAC,MAAQ,EAAA,SAAA,EAAW,IAAI,QAAU,EAAA,KAAA,EAAO,MAAM,CAAC,CAAA;AAEnD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,EAAY,QAAQ,CAAG,EAAA,KAAA,EAAO,CAAG,EAAA,GAAA,EAAK,IAAK,EAAA;AAAA,MAC9D,aAAA,EAAa,eAAe,EAAE,CAAA;AAAA;AAAA,GAChC;AAEJ;;;;"}
+{"version":3,"file":"scroll.esm.js","sources":["../../src/utils/scroll.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { useEffect, useRef } from 'react';\nimport { ScrollTo, useScroll } from '../hooks/useScroll';\n\n/*\n  Utility component use in conjunction with useScroll that allows scrollable components to control behavior and offset.\n  1. ScrollAnchor must be a direct child of a scrollable component.\n  2. ScrollAnchor's parent position must be relative. \n  3. ScrollAnchor's id must be unique.\n*/\n\nexport interface ScrollAnchorProps extends ScrollIntoViewOptions {\n  id: ScrollTo;\n  top?: number;\n  left?: number;\n}\n\nexport const ScrollAnchor = ({\n  id,\n  left = 0,\n  top = -20,\n  block = 'start',\n  inline = 'nearest',\n  behavior = 'smooth',\n}: ScrollAnchorProps) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [scroll, setScroll] = useScroll();\n\n  useEffect(() => {\n    function scrollIntoView() {\n      if (divRef.current && scroll === id) {\n        divRef.current.scrollIntoView({\n          block,\n          inline,\n          behavior,\n        });\n        setScroll(null);\n      }\n    }\n\n    scrollIntoView();\n  }, [scroll, setScroll, id, behavior, block, inline]);\n\n  return (\n    <div\n      ref={divRef}\n      style={{ position: 'absolute', height: 0, width: 0, top, left }}\n      data-testid={`scroll-test-${id}`}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AA+BO,MAAM,eAAe,CAAC;AAAA,EAC3B,EAAA;AAAA,EACA,IAAO,GAAA,CAAA;AAAA,EACP,GAAM,GAAA,CAAA,EAAA;AAAA,EACN,KAAQ,GAAA,OAAA;AAAA,EACR,MAAS,GAAA,SAAA;AAAA,EACT,QAAW,GAAA;AACb,CAAyB,KAAA;AACvB,EAAM,MAAA,MAAA,GAAS,OAAuB,IAAI,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAU,EAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,cAAiB,GAAA;AACxB,MAAI,IAAA,MAAA,CAAO,OAAW,IAAA,MAAA,KAAW,EAAI,EAAA;AACnC,QAAA,MAAA,CAAO,QAAQ,cAAe,CAAA;AAAA,UAC5B,KAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA;AACD,QAAA,SAAA,CAAU,IAAI,CAAA;AAAA;AAChB;AAGF,IAAe,cAAA,EAAA;AAAA,GACjB,EAAG,CAAC,MAAQ,EAAA,SAAA,EAAW,IAAI,QAAU,EAAA,KAAA,EAAO,MAAM,CAAC,CAAA;AAEnD,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,EAAY,QAAQ,CAAG,EAAA,KAAA,EAAO,CAAG,EAAA,GAAA,EAAK,IAAK,EAAA;AAAA,MAC9D,aAAA,EAAa,eAAe,EAAE,CAAA;AAAA;AAAA,GAChC;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-cost-insights",
-  "version": "0.15.2",
+  "version": "0.17.0",
   "description": "A Backstage plugin that helps you keep track of your cloud spend",
   "backstage": {
     "role": "frontend-plugin",
@@ -8,12 +8,37 @@
     "pluginPackages": [
       "@backstage-community/plugin-cost-insights",
       "@backstage-community/plugin-cost-insights-common"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
   },
   "keywords": [
     "backstage"
@@ -26,8 +51,8 @@
   },
   "license": "Apache-2.0",
   "sideEffects": false,
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "config.d.ts"
@@ -42,13 +67,15 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-cost-insights-common": "^0.4.1",
-    "@backstage/catalog-model": "^1.7.3",
+    "@backstage-community/plugin-cost-insights-common": "^0.5.0",
+    "@backstage/catalog-model": "^1.7.4",
     "@backstage/config": "^1.3.2",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
-    "@backstage/plugin-catalog-react": "^1.16.0",
-    "@backstage/theme": "^0.6.4",
+    "@backstage/core-compat-api": "^0.4.3",
+    "@backstage/core-components": "^0.17.3",
+    "@backstage/core-plugin-api": "^1.10.8",
+    "@backstage/frontend-plugin-api": "^0.10.3",
+    "@backstage/plugin-catalog-react": "^1.19.0",
+    "@backstage/theme": "^0.6.6",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -66,10 +93,10 @@
     "yup": "^1.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/core-app-api": "^1.16.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.33.0",
+    "@backstage/core-app-api": "^1.17.1",
+    "@backstage/dev-utils": "^1.1.11",
+    "@backstage/test-utils": "^1.7.9",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",