@backstage-community/plugin-cost-insights 0.15.1 → 0.16.0

package/dist/example/forms/KubernetesMigrationDismissForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"KubernetesMigrationDismissForm.esm.js","sources":["../../../src/example/forms/KubernetesMigrationDismissForm.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  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n  ChangeEvent,\n} from 'react';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport Typography from '@material-ui/core/Typography';\nimport { AlertFormProps } from '../../types';\nimport { Entity } from '@backstage-community/plugin-cost-insights-common';\nimport { KubernetesMigrationAlert } from '../alerts';\nimport { findAlways } from '../../utils/assert';\n\nexport type KubernetesMigrationDismissFormData = {\n  services: Entity[];\n};\n\nexport type KubernetesMigrationDismissFormProps = AlertFormProps<\n  KubernetesMigrationAlert,\n  KubernetesMigrationDismissFormData\n>;\n\nexport const KubernetesMigrationDismissForm = forwardRef<\n  HTMLFormElement,\n  KubernetesMigrationDismissFormProps\n>(({ onSubmit, disableSubmit, alert }, ref) => {\n  const [services, setServices] = useState<Entity[]>(alert.data.services);\n\n  const onFormSubmit: FormEventHandler = e => {\n    /* Remember to prevent default form behavior */\n    e.preventDefault();\n    onSubmit({ services: services });\n  };\n\n  const onCheckboxChange = (\n    e: ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => {\n    if (checked) {\n      const service = findAlways(\n        alert.data.services,\n        s => s.id === e.target.value,\n      );\n      setServices(prevServices => prevServices.concat(service));\n    } else {\n      setServices(prevServices =>\n        prevServices.filter(p => p.id !== e.target.value),\n      );\n    }\n  };\n\n  /* Submit button is disabled by default. Use props.disableSubmit to toggle disabled state. */\n  useEffect(() => {\n    if (services.length) {\n      disableSubmit(false);\n    } else {\n      disableSubmit(true);\n    }\n  }, [services, disableSubmit]);\n\n  return (\n    /* All custom forms must accept a ref and implement an onSubmit handler. */\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>Or choose which services to dismiss this alert for.</b>\n        </Typography>\n        <FormGroup>\n          {alert.data.services.map((service, index) => (\n            <FormControlLabel\n              key={`example-option-${index}`}\n              label={service.id}\n              value={service.id}\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={services.some(p => p.id === service.id)}\n                  onChange={onCheckboxChange}\n                />\n              }\n            />\n          ))}\n        </FormGroup>\n      </FormControl>\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;AA0Ca,MAAA,8BAAA,GAAiC,WAG5C,CAAC,EAAE,UAAU,aAAe,EAAA,KAAA,IAAS,GAAQ,KAAA;AAC7C,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAmB,CAAA,KAAA,CAAM,KAAK,QAAQ,CAAA;AAEtE,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAE1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAS,QAAA,CAAA,EAAE,UAAoB,CAAA;AAAA,GACjC;AAEA,EAAM,MAAA,gBAAA,GAAmB,CACvB,CAAA,EACA,OACG,KAAA;AACH,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,MAAM,OAAU,GAAA,UAAA;AAAA,QACd,MAAM,IAAK,CAAA,QAAA;AAAA,QACX,CAAK,CAAA,KAAA,CAAA,CAAE,EAAO,KAAA,CAAA,CAAE,MAAO,CAAA;AAAA,OACzB;AACA,MAAA,WAAA,CAAY,CAAgB,YAAA,KAAA,YAAA,CAAa,MAAO,CAAA,OAAO,CAAC,CAAA;AAAA,KACnD,MAAA;AACL,MAAA,WAAA;AAAA,QAAY,CAAA,YAAA,KACV,aAAa,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,CAAA,CAAE,OAAO,KAAK;AAAA,OAClD;AAAA;AACF,GACF;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,KACd,MAAA;AACL,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA;AACpB,GACC,EAAA,CAAC,QAAU,EAAA,aAAa,CAAC,CAAA;AAE5B,EAAA;AAAA;AAAA,oBAEG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,GAAU,EAAA,QAAA,EAAU,YACxB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,aAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,qDAAmD,CACxD,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,KAAM,CAAA,IAAA,CAAK,QAAS,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,KACjC,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,kBAAkB,KAAK,CAAA,CAAA;AAAA,QAC5B,OAAO,OAAQ,CAAA,EAAA;AAAA,QACf,OAAO,OAAQ,CAAA,EAAA;AAAA,QACf,OACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,SAAA;AAAA,YACN,SAAS,QAAS,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,EAAA,KAAO,QAAQ,EAAE,CAAA;AAAA,YAC/C,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA,KAGL,CACH,CACF,CACF;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"KubernetesMigrationDismissForm.esm.js","sources":["../../../src/example/forms/KubernetesMigrationDismissForm.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  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n  ChangeEvent,\n} from 'react';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport FormGroup from '@material-ui/core/FormGroup';\nimport Typography from '@material-ui/core/Typography';\nimport { AlertFormProps } from '../../types';\nimport { Entity } from '@backstage-community/plugin-cost-insights-common';\nimport { KubernetesMigrationAlert } from '../alerts';\nimport { findAlways } from '../../utils/assert';\n\nexport type KubernetesMigrationDismissFormData = {\n  services: Entity[];\n};\n\nexport type KubernetesMigrationDismissFormProps = AlertFormProps<\n  KubernetesMigrationAlert,\n  KubernetesMigrationDismissFormData\n>;\n\nexport const KubernetesMigrationDismissForm = forwardRef<\n  HTMLFormElement,\n  KubernetesMigrationDismissFormProps\n>(({ onSubmit, disableSubmit, alert }, ref) => {\n  const [services, setServices] = useState<Entity[]>(alert.data.services);\n\n  const onFormSubmit: FormEventHandler = e => {\n    /* Remember to prevent default form behavior */\n    e.preventDefault();\n    onSubmit({ services: services });\n  };\n\n  const onCheckboxChange = (\n    e: ChangeEvent<HTMLInputElement>,\n    checked: boolean,\n  ) => {\n    if (checked) {\n      const service = findAlways(\n        alert.data.services,\n        s => s.id === e.target.value,\n      );\n      setServices(prevServices => prevServices.concat(service));\n    } else {\n      setServices(prevServices =>\n        prevServices.filter(p => p.id !== e.target.value),\n      );\n    }\n  };\n\n  /* Submit button is disabled by default. Use props.disableSubmit to toggle disabled state. */\n  useEffect(() => {\n    if (services.length) {\n      disableSubmit(false);\n    } else {\n      disableSubmit(true);\n    }\n  }, [services, disableSubmit]);\n\n  return (\n    /* All custom forms must accept a ref and implement an onSubmit handler. */\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>Or choose which services to dismiss this alert for.</b>\n        </Typography>\n        <FormGroup>\n          {alert.data.services.map((service, index) => (\n            <FormControlLabel\n              key={`example-option-${index}`}\n              label={service.id}\n              value={service.id}\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={services.some(p => p.id === service.id)}\n                  onChange={onCheckboxChange}\n                />\n              }\n            />\n          ))}\n        </FormGroup>\n      </FormControl>\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;AA0Ca,MAAA,8BAAA,GAAiC,WAG5C,CAAC,EAAE,UAAU,aAAe,EAAA,KAAA,IAAS,GAAQ,KAAA;AAC7C,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAmB,CAAA,KAAA,CAAM,KAAK,QAAQ,CAAA;AAEtE,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAE1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAS,QAAA,CAAA,EAAE,UAAoB,CAAA;AAAA,GACjC;AAEA,EAAM,MAAA,gBAAA,GAAmB,CACvB,CAAA,EACA,OACG,KAAA;AACH,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,MAAM,OAAU,GAAA,UAAA;AAAA,QACd,MAAM,IAAK,CAAA,QAAA;AAAA,QACX,CAAK,CAAA,KAAA,CAAA,CAAE,EAAO,KAAA,CAAA,CAAE,MAAO,CAAA;AAAA,OACzB;AACA,MAAA,WAAA,CAAY,CAAgB,YAAA,KAAA,YAAA,CAAa,MAAO,CAAA,OAAO,CAAC,CAAA;AAAA,KACnD,MAAA;AACL,MAAA,WAAA;AAAA,QAAY,CAAA,YAAA,KACV,aAAa,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,CAAA,CAAE,OAAO,KAAK;AAAA,OAClD;AAAA;AACF,GACF;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,MAAA,aAAA,CAAc,KAAK,CAAA;AAAA,KACd,MAAA;AACL,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA;AACpB,GACC,EAAA,CAAC,QAAU,EAAA,aAAa,CAAC,CAAA;AAE5B,EAAA;AAAA;AAAA,oBAEE,GAAA,CAAC,MAAK,EAAA,EAAA,GAAA,EAAU,QAAU,EAAA,YAAA,EACxB,+BAAC,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAW,KAAM,EAAA,aAAA,EAChB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAE,iEAAmD,CACxD,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,aACE,QAAM,EAAA,KAAA,CAAA,IAAA,CAAK,SAAS,GAAI,CAAA,CAAC,SAAS,KACjC,qBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UAEC,OAAO,OAAQ,CAAA,EAAA;AAAA,UACf,OAAO,OAAQ,CAAA,EAAA;AAAA,UACf,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,SAAS,QAAS,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,EAAA,KAAO,QAAQ,EAAE,CAAA;AAAA,cAC/C,QAAU,EAAA;AAAA;AAAA;AACZ,SAAA;AAAA,QARG,kBAAkB,KAAK,CAAA;AAAA,OAW/B,CACH,EAAA;AAAA,KAAA,EACF,CACF,EAAA;AAAA;AAEJ,CAAC;;;;"}

package/dist/forms/AlertAcceptForm.esm.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState } from 'react';
 import Checkbox from '@material-ui/core/Checkbox';
 import FormControl from '@material-ui/core/FormControl';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
@@ -13,14 +14,14 @@ const AlertAcceptForm = forwardRef(({ onSubmit, disableSubmit }, ref) => {
     setChecked(isChecked);
     disableSubmit(!isChecked);
   };
-  return /* @__PURE__ */ React.createElement("form", { ref, onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("form", { ref, onSubmit: onFormSubmit, children: /* @__PURE__ */ jsx(FormControl, { component: "fieldset", fullWidth: true, children: /* @__PURE__ */ jsx(
     FormControlLabel,
     {
       label: "My team can commit to making this change soon, or has already.",
       value: checked,
-      control: /* @__PURE__ */ React.createElement(Checkbox, { color: "primary", checked, onChange: onChecked })
+      control: /* @__PURE__ */ jsx(Checkbox, { color: "primary", checked, onChange: onChecked })
     }
-  )));
+  ) }) });
 });
 
 export { AlertAcceptForm };

package/dist/forms/AlertAcceptForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertAcceptForm.esm.js","sources":["../../src/forms/AlertAcceptForm.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  useState,\n  forwardRef,\n  ChangeEvent,\n  FormEventHandler,\n} from 'react';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { Alert, AlertFormProps } from '../types';\n\nexport type AlertAcceptFormProps = AlertFormProps<Alert, null>;\n\nexport const AlertAcceptForm = forwardRef<\n  HTMLFormElement,\n  AlertAcceptFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const [checked, setChecked] = useState(false);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    onSubmit(null);\n  };\n\n  const onChecked = (_: ChangeEvent<HTMLInputElement>, isChecked: boolean) => {\n    setChecked(isChecked);\n    disableSubmit(!isChecked);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <FormControlLabel\n          label=\"My team can commit to making this change soon, or has already.\"\n          value={checked}\n          control={\n            <Checkbox color=\"primary\" checked={checked} onChange={onChecked} />\n          }\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,SAAA,GAAY,CAAC,CAAA,EAAkC,SAAuB,KAAA;AAC1E,IAAA,UAAA,CAAW,SAAS,CAAA;AACpB,IAAA,aAAA,CAAc,CAAC,SAAS,CAAA;AAAA,GAC1B;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,GAAA,EAAU,QAAU,EAAA,YAAA,EAAA,sCACvB,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,gEAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,yBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SAAU,EAAA,OAAA,EAAkB,UAAU,SAAW,EAAA;AAAA;AAAA,GAGvE,CACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertAcceptForm.esm.js","sources":["../../src/forms/AlertAcceptForm.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 { useState, forwardRef, ChangeEvent, FormEventHandler } from 'react';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { Alert, AlertFormProps } from '../types';\n\nexport type AlertAcceptFormProps = AlertFormProps<Alert, null>;\n\nexport const AlertAcceptForm = forwardRef<\n  HTMLFormElement,\n  AlertAcceptFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const [checked, setChecked] = useState(false);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    onSubmit(null);\n  };\n\n  const onChecked = (_: ChangeEvent<HTMLInputElement>, isChecked: boolean) => {\n    setChecked(isChecked);\n    disableSubmit(!isChecked);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <FormControlLabel\n          label=\"My team can commit to making this change soon, or has already.\"\n          value={checked}\n          control={\n            <Checkbox color=\"primary\" checked={checked} onChange={onChecked} />\n          }\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,SAAA,GAAY,CAAC,CAAA,EAAkC,SAAuB,KAAA;AAC1E,IAAA,UAAA,CAAW,SAAS,CAAA;AACpB,IAAA,aAAA,CAAc,CAAC,SAAS,CAAA;AAAA,GAC1B;AAEA,EACE,uBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,GAAA,EAAU,QAAU,EAAA,YAAA,EACxB,8BAAC,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,gEAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,yBACG,GAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SAAU,EAAA,OAAA,EAAkB,UAAU,SAAW,EAAA;AAAA;AAAA,KAGvE,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/forms/AlertDismissForm.esm.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useEffect } from 'react';
 import Box from '@material-ui/core/Box';
 import Collapse from '@material-ui/core/Collapse';
 import FormControl from '@material-ui/core/FormControl';
@@ -55,45 +56,53 @@ const AlertDismissForm = forwardRef(({ onSubmit, disableSubmit }, ref) => {
     }
     validateDismissForm();
   }, [reason, other, disableSubmit]);
-  return /* @__PURE__ */ React.createElement("form", { ref, onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, /* @__PURE__ */ React.createElement("b", null, "Reason for dismissing?")), /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      name: "dismiss-alert-reasons",
-      value: reason,
-      onChange: onReasonChange
-    },
-    AlertDismissOptions.map((option) => /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+  return /* @__PURE__ */ jsx("form", { ref, onSubmit: onFormSubmit, children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", fullWidth: true, children: [
+    /* @__PURE__ */ jsx(Typography, { color: "textPrimary", children: /* @__PURE__ */ jsx("b", { children: "Reason for dismissing?" }) }),
+    /* @__PURE__ */ jsxs(Box, { mb: 1, children: [
+      /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          name: "dismiss-alert-reasons",
+          value: reason,
+          onChange: onReasonChange,
+          children: AlertDismissOptions.map((option) => /* @__PURE__ */ jsx(
+            FormControlLabel,
+            {
+              label: option.label,
+              value: option.reason,
+              control: /* @__PURE__ */ jsx(Radio, { className: classes.radio })
+            },
+            `dismiss-alert-option-${option.reason}`
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx(Collapse, { in: reason === AlertDismissReason.Other, children: /* @__PURE__ */ jsx(Box, { ml: 4, children: /* @__PURE__ */ jsx(
+        TextField,
+        {
+          id: "dismiss-alert-option-other",
+          variant: "outlined",
+          multiline: true,
+          fullWidth: true,
+          rows: 4,
+          value: other ?? "",
+          onChange: onOtherChange
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { gutterBottom: true, children: /* @__PURE__ */ jsx("b", { children: "Any other feedback you can provide?" }) }),
+    /* @__PURE__ */ jsx(
+      TextField,
       {
-        key: `dismiss-alert-option-${option.reason}`,
-        label: option.label,
-        value: option.reason,
-        control: /* @__PURE__ */ React.createElement(Radio, { className: classes.radio })
+        id: "dismiss-alert-feedback",
+        variant: "outlined",
+        multiline: true,
+        rows: 4,
+        fullWidth: true,
+        value: feedback ?? "",
+        onChange: onFeedbackChange
       }
-    ))
-  ), /* @__PURE__ */ React.createElement(Collapse, { in: reason === AlertDismissReason.Other }, /* @__PURE__ */ React.createElement(Box, { ml: 4 }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      id: "dismiss-alert-option-other",
-      variant: "outlined",
-      multiline: true,
-      fullWidth: true,
-      rows: 4,
-      value: other ?? "",
-      onChange: onOtherChange
-    }
-  )))), /* @__PURE__ */ React.createElement(Typography, { gutterBottom: true }, /* @__PURE__ */ React.createElement("b", null, "Any other feedback you can provide?")), /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      id: "dismiss-alert-feedback",
-      variant: "outlined",
-      multiline: true,
-      rows: 4,
-      fullWidth: true,
-      value: feedback ?? "",
-      onChange: onFeedbackChange
-    }
-  )));
+    )
+  ] }) });
 });
 
 export { AlertDismissForm };

package/dist/forms/AlertDismissForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDismissForm.esm.js","sources":["../../src/forms/AlertDismissForm.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  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport Box from '@material-ui/core/Box';\nimport Collapse from '@material-ui/core/Collapse';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport {\n  Alert,\n  AlertFormProps,\n  AlertDismissReason,\n  AlertDismissOptions,\n  AlertDismissFormData,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\n\nexport type AlertDismissFormProps = AlertFormProps<Alert, AlertDismissFormData>;\n\nexport const AlertDismissForm = forwardRef<\n  HTMLFormElement,\n  AlertDismissFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [other, setOther] = useState<Maybe<string>>(null);\n  const [feedback, setFeedback] = useState<Maybe<string>>(null);\n  const [reason, setReason] = useState<AlertDismissReason>(\n    AlertDismissReason.Resolved,\n  );\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (reason) {\n      onSubmit({\n        other: other,\n        reason: reason,\n        feedback: feedback,\n      });\n    }\n  };\n\n  const onReasonChange = (_: ChangeEvent<HTMLInputElement>, value: string) => {\n    if (other) {\n      setOther(null);\n    }\n    setReason(value as AlertDismissReason);\n  };\n\n  const onOtherChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setOther(e.target.value as AlertDismissReason)\n      : setOther(null);\n  };\n\n  const onFeedbackChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setFeedback(e.target.value as AlertDismissReason)\n      : setFeedback(null);\n  };\n\n  useEffect(() => {\n    function validateDismissForm() {\n      if (reason === AlertDismissReason.Other) {\n        if (other) {\n          disableSubmit(false);\n        } else {\n          disableSubmit(true);\n        }\n      } else if (reason) {\n        disableSubmit(false);\n      } else {\n        disableSubmit(true);\n      }\n    }\n\n    validateDismissForm();\n  }, [reason, other, disableSubmit]);\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>Reason for dismissing?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"dismiss-alert-reasons\"\n            value={reason}\n            onChange={onReasonChange}\n          >\n            {AlertDismissOptions.map(option => (\n              <FormControlLabel\n                key={`dismiss-alert-option-${option.reason}`}\n                label={option.label}\n                value={option.reason}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n          <Collapse in={reason === AlertDismissReason.Other}>\n            <Box ml={4}>\n              <TextField\n                id=\"dismiss-alert-option-other\"\n                variant=\"outlined\"\n                multiline\n                fullWidth\n                rows={4}\n                value={other ?? ''}\n                onChange={onOtherChange}\n              />\n            </Box>\n          </Collapse>\n        </Box>\n        <Typography gutterBottom>\n          <b>Any other feedback you can provide?</b>\n        </Typography>\n        <TextField\n          id=\"dismiss-alert-feedback\"\n          variant=\"outlined\"\n          multiline\n          rows={4}\n          fullWidth\n          value={feedback ?? ''}\n          onChange={onFeedbackChange}\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;AA2CO,MAAM,mBAAmB,UAG9B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,UAAUA,oBAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5D,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA;AAAA,IAC1B,kBAAmB,CAAA;AAAA,GACrB;AAEA,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,IAAI,MAAQ,EAAA;AACV,MAAS,QAAA,CAAA;AAAA,QACP,KAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OACD,CAAA;AAAA;AACH,GACF;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAA,EAAkC,KAAkB,KAAA;AAC1E,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA;AAEf,IAAA,SAAA,CAAU,KAA2B,CAAA;AAAA,GACvC;AAEA,EAAM,MAAA,aAAA,GAAgB,CAAC,CAAqC,KAAA;AAC1D,IAAO,OAAA,CAAA,CAAE,OAAO,KACZ,GAAA,QAAA,CAAS,EAAE,MAAO,CAAA,KAA2B,CAC7C,GAAA,QAAA,CAAS,IAAI,CAAA;AAAA,GACnB;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,CAAqC,KAAA;AAC7D,IAAO,OAAA,CAAA,CAAE,OAAO,KACZ,GAAA,WAAA,CAAY,EAAE,MAAO,CAAA,KAA2B,CAChD,GAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GACtB;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,mBAAsB,GAAA;AAC7B,MAAI,IAAA,MAAA,KAAW,mBAAmB,KAAO,EAAA;AACvC,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,aAAA,CAAc,KAAK,CAAA;AAAA,SACd,MAAA;AACL,UAAA,aAAA,CAAc,IAAI,CAAA;AAAA;AACpB,iBACS,MAAQ,EAAA;AACjB,QAAA,aAAA,CAAc,KAAK,CAAA;AAAA,OACd,MAAA;AACL,QAAA,aAAA,CAAc,IAAI,CAAA;AAAA;AACpB;AAGF,IAAoB,mBAAA,EAAA;AAAA,GACnB,EAAA,CAAC,MAAQ,EAAA,KAAA,EAAO,aAAa,CAAC,CAAA;AAEjC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAK,GAAU,EAAA,QAAA,EAAU,gCACvB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAU,EAAA,UAAA,EAAW,SAAS,EAAA,IAAA,EAAA,sCACxC,UAAW,EAAA,EAAA,KAAA,EAAM,aAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,wBAAsB,CAC3B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,uBAAA;AAAA,MACL,KAAO,EAAA,MAAA;AAAA,MACP,QAAU,EAAA;AAAA,KAAA;AAAA,IAET,mBAAA,CAAoB,IAAI,CACvB,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,CAAwB,qBAAA,EAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA,QAC1C,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,OAAO,MAAO,CAAA,MAAA;AAAA,QACd,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA;AAAA;AAAA,KAE7C;AAAA,GACH,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,EAAI,EAAA,MAAA,KAAW,mBAAmB,KAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,4BAAA;AAAA,MACH,OAAQ,EAAA,UAAA;AAAA,MACR,SAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,IAAM,EAAA,CAAA;AAAA,MACN,OAAO,KAAS,IAAA,EAAA;AAAA,MAChB,QAAU,EAAA;AAAA;AAAA,GAEd,CACF,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,YAAY,EAAA,IAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,qCAAmC,CACxC,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,wBAAA;AAAA,MACH,OAAQ,EAAA,UAAA;AAAA,MACR,SAAS,EAAA,IAAA;AAAA,MACT,IAAM,EAAA,CAAA;AAAA,MACN,SAAS,EAAA,IAAA;AAAA,MACT,OAAO,QAAY,IAAA,EAAA;AAAA,MACnB,QAAU,EAAA;AAAA;AAAA,GAEd,CACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertDismissForm.esm.js","sources":["../../src/forms/AlertDismissForm.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  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport Box from '@material-ui/core/Box';\nimport Collapse from '@material-ui/core/Collapse';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport {\n  Alert,\n  AlertFormProps,\n  AlertDismissReason,\n  AlertDismissOptions,\n  AlertDismissFormData,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\n\nexport type AlertDismissFormProps = AlertFormProps<Alert, AlertDismissFormData>;\n\nexport const AlertDismissForm = forwardRef<\n  HTMLFormElement,\n  AlertDismissFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [other, setOther] = useState<Maybe<string>>(null);\n  const [feedback, setFeedback] = useState<Maybe<string>>(null);\n  const [reason, setReason] = useState<AlertDismissReason>(\n    AlertDismissReason.Resolved,\n  );\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (reason) {\n      onSubmit({\n        other: other,\n        reason: reason,\n        feedback: feedback,\n      });\n    }\n  };\n\n  const onReasonChange = (_: ChangeEvent<HTMLInputElement>, value: string) => {\n    if (other) {\n      setOther(null);\n    }\n    setReason(value as AlertDismissReason);\n  };\n\n  const onOtherChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setOther(e.target.value as AlertDismissReason)\n      : setOther(null);\n  };\n\n  const onFeedbackChange = (e: ChangeEvent<HTMLInputElement>) => {\n    return e.target.value\n      ? setFeedback(e.target.value as AlertDismissReason)\n      : setFeedback(null);\n  };\n\n  useEffect(() => {\n    function validateDismissForm() {\n      if (reason === AlertDismissReason.Other) {\n        if (other) {\n          disableSubmit(false);\n        } else {\n          disableSubmit(true);\n        }\n      } else if (reason) {\n        disableSubmit(false);\n      } else {\n        disableSubmit(true);\n      }\n    }\n\n    validateDismissForm();\n  }, [reason, other, disableSubmit]);\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>Reason for dismissing?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"dismiss-alert-reasons\"\n            value={reason}\n            onChange={onReasonChange}\n          >\n            {AlertDismissOptions.map(option => (\n              <FormControlLabel\n                key={`dismiss-alert-option-${option.reason}`}\n                label={option.label}\n                value={option.reason}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n          <Collapse in={reason === AlertDismissReason.Other}>\n            <Box ml={4}>\n              <TextField\n                id=\"dismiss-alert-option-other\"\n                variant=\"outlined\"\n                multiline\n                fullWidth\n                rows={4}\n                value={other ?? ''}\n                onChange={onOtherChange}\n              />\n            </Box>\n          </Collapse>\n        </Box>\n        <Typography gutterBottom>\n          <b>Any other feedback you can provide?</b>\n        </Typography>\n        <TextField\n          id=\"dismiss-alert-feedback\"\n          variant=\"outlined\"\n          multiline\n          rows={4}\n          fullWidth\n          value={feedback ?? ''}\n          onChange={onFeedbackChange}\n        />\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":"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"}

package/dist/forms/AlertSnoozeForm.esm.js

@@ -1,4 +1,5 @@
-import React, { forwardRef, useState, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useEffect } from 'react';
 import { DateTime } from 'luxon';
 import Box from '@material-ui/core/Box';
 import FormControl from '@material-ui/core/FormControl';
@@ -29,23 +30,26 @@ const AlertSnoozeForm = forwardRef(({ onSubmit, disableSubmit }, ref) => {
   const onSnoozeDurationChange = (_, value) => {
     setDuration(value);
   };
-  return /* @__PURE__ */ React.createElement("form", { ref, onSubmit: onFormSubmit }, /* @__PURE__ */ React.createElement(FormControl, { component: "fieldset", fullWidth: true }, /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, /* @__PURE__ */ React.createElement("b", null, "For how long?")), /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      name: "snooze-alert-options",
-      value: duration,
-      onChange: onSnoozeDurationChange
-    },
-    AlertSnoozeOptions.map((option) => /* @__PURE__ */ React.createElement(
-      FormControlLabel,
+  return /* @__PURE__ */ jsx("form", { ref, onSubmit: onFormSubmit, children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", fullWidth: true, children: [
+    /* @__PURE__ */ jsx(Typography, { color: "textPrimary", children: /* @__PURE__ */ jsx("b", { children: "For how long?" }) }),
+    /* @__PURE__ */ jsx(Box, { mb: 1, children: /* @__PURE__ */ jsx(
+      RadioGroup,
       {
-        key: `snooze-alert-option-${option.duration}`,
-        label: option.label,
-        value: option.duration,
-        control: /* @__PURE__ */ React.createElement(Radio, { className: classes.radio })
+        name: "snooze-alert-options",
+        value: duration,
+        onChange: onSnoozeDurationChange,
+        children: AlertSnoozeOptions.map((option) => /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            label: option.label,
+            value: option.duration,
+            control: /* @__PURE__ */ jsx(Radio, { className: classes.radio })
+          },
+          `snooze-alert-option-${option.duration}`
+        ))
       }
-    ))
-  ))));
+    ) })
+  ] }) });
 });
 
 export { AlertSnoozeForm };

package/dist/forms/AlertSnoozeForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertSnoozeForm.esm.js","sources":["../../src/forms/AlertSnoozeForm.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  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport { DateTime } from 'luxon';\nimport Box from '@material-ui/core/Box';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  Alert,\n  AlertFormProps,\n  Duration,\n  DEFAULT_DATE_FORMAT,\n  AlertSnoozeFormData,\n  AlertSnoozeOptions,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\nimport { intervalsOf } from '../utils/duration';\n\nexport type AlertSnoozeFormProps = AlertFormProps<Alert, AlertSnoozeFormData>;\n\nexport const AlertSnoozeForm = forwardRef<\n  HTMLFormElement,\n  AlertSnoozeFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [duration, setDuration] = useState<Maybe<Duration>>(Duration.P7D);\n\n  useEffect(() => disableSubmit(false), [disableSubmit]);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (duration) {\n      const repeatInterval = 1;\n      const today = DateTime.now().toFormat(DEFAULT_DATE_FORMAT);\n      onSubmit({\n        intervals: intervalsOf(duration, today, repeatInterval),\n      });\n    }\n  };\n\n  const onSnoozeDurationChange = (\n    _: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ) => {\n    setDuration(value as Duration);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>For how long?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"snooze-alert-options\"\n            value={duration}\n            onChange={onSnoozeDurationChange}\n          >\n            {AlertSnoozeOptions.map(option => (\n              <FormControlLabel\n                key={`snooze-alert-option-${option.duration}`}\n                label={option.label}\n                value={option.duration}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n        </Box>\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;;AA4CO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,UAAUA,oBAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAA0B,SAAS,GAAG,CAAA;AAEtE,EAAA,SAAA,CAAU,MAAM,aAAc,CAAA,KAAK,CAAG,EAAA,CAAC,aAAa,CAAC,CAAA;AAErD,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,GAAI,EAAA,CAAE,SAAS,mBAAmB,CAAA;AACzD,MAAS,QAAA,CAAA;AAAA,QACP,SAAW,EAAA,WAAA,CAAY,QAAU,EAAA,KAAA,EAAO,cAAc;AAAA,OACvD,CAAA;AAAA;AACH,GACF;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAC7B,CAAA,EACA,KACG,KAAA;AACH,IAAA,WAAA,CAAY,KAAiB,CAAA;AAAA,GAC/B;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAK,GAAU,EAAA,QAAA,EAAU,gCACvB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAU,EAAA,UAAA,EAAW,SAAS,EAAA,IAAA,EAAA,sCACxC,UAAW,EAAA,EAAA,KAAA,EAAM,aAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,eAAa,CAClB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,sBAAA;AAAA,MACL,KAAO,EAAA,QAAA;AAAA,MACP,QAAU,EAAA;AAAA,KAAA;AAAA,IAET,kBAAA,CAAmB,IAAI,CACtB,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,CAAuB,oBAAA,EAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,QAC3C,OAAO,MAAO,CAAA,KAAA;AAAA,QACd,OAAO,MAAO,CAAA,QAAA;AAAA,QACd,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA;AAAA;AAAA,KAE7C;AAAA,GAEL,CACF,CACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"AlertSnoozeForm.esm.js","sources":["../../src/forms/AlertSnoozeForm.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  ChangeEvent,\n  useEffect,\n  useState,\n  forwardRef,\n  FormEventHandler,\n} from 'react';\nimport { DateTime } from 'luxon';\nimport Box from '@material-ui/core/Box';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  Alert,\n  AlertFormProps,\n  Duration,\n  DEFAULT_DATE_FORMAT,\n  AlertSnoozeFormData,\n  AlertSnoozeOptions,\n} from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useAlertDialogStyles as useStyles } from '../utils/styles';\nimport { intervalsOf } from '../utils/duration';\n\nexport type AlertSnoozeFormProps = AlertFormProps<Alert, AlertSnoozeFormData>;\n\nexport const AlertSnoozeForm = forwardRef<\n  HTMLFormElement,\n  AlertSnoozeFormProps\n>(({ onSubmit, disableSubmit }, ref) => {\n  const classes = useStyles();\n  const [duration, setDuration] = useState<Maybe<Duration>>(Duration.P7D);\n\n  useEffect(() => disableSubmit(false), [disableSubmit]);\n\n  const onFormSubmit: FormEventHandler = e => {\n    e.preventDefault();\n    if (duration) {\n      const repeatInterval = 1;\n      const today = DateTime.now().toFormat(DEFAULT_DATE_FORMAT);\n      onSubmit({\n        intervals: intervalsOf(duration, today, repeatInterval),\n      });\n    }\n  };\n\n  const onSnoozeDurationChange = (\n    _: ChangeEvent<HTMLInputElement>,\n    value: string,\n  ) => {\n    setDuration(value as Duration);\n  };\n\n  return (\n    <form ref={ref} onSubmit={onFormSubmit}>\n      <FormControl component=\"fieldset\" fullWidth>\n        <Typography color=\"textPrimary\">\n          <b>For how long?</b>\n        </Typography>\n        <Box mb={1}>\n          <RadioGroup\n            name=\"snooze-alert-options\"\n            value={duration}\n            onChange={onSnoozeDurationChange}\n          >\n            {AlertSnoozeOptions.map(option => (\n              <FormControlLabel\n                key={`snooze-alert-option-${option.duration}`}\n                label={option.label}\n                value={option.duration}\n                control={<Radio className={classes.radio} />}\n              />\n            ))}\n          </RadioGroup>\n        </Box>\n      </FormControl>\n    </form>\n  );\n});\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;;;AA4CO,MAAM,kBAAkB,UAG7B,CAAA,CAAC,EAAE,QAAU,EAAA,aAAA,IAAiB,GAAQ,KAAA;AACtC,EAAA,MAAM,UAAUA,oBAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAA0B,SAAS,GAAG,CAAA;AAEtE,EAAA,SAAA,CAAU,MAAM,aAAc,CAAA,KAAK,CAAG,EAAA,CAAC,aAAa,CAAC,CAAA;AAErD,EAAA,MAAM,eAAiC,CAAK,CAAA,KAAA;AAC1C,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,MAAM,cAAiB,GAAA,CAAA;AACvB,MAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,GAAI,EAAA,CAAE,SAAS,mBAAmB,CAAA;AACzD,MAAS,QAAA,CAAA;AAAA,QACP,SAAW,EAAA,WAAA,CAAY,QAAU,EAAA,KAAA,EAAO,cAAc;AAAA,OACvD,CAAA;AAAA;AACH,GACF;AAEA,EAAM,MAAA,sBAAA,GAAyB,CAC7B,CAAA,EACA,KACG,KAAA;AACH,IAAA,WAAA,CAAY,KAAiB,CAAA;AAAA,GAC/B;AAEA,EACE,uBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,GAAA,EAAU,QAAU,EAAA,YAAA,EACxB,+BAAC,WAAY,EAAA,EAAA,SAAA,EAAU,UAAW,EAAA,SAAA,EAAS,IACzC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,KAAM,EAAA,aAAA,EAChB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAE,2BAAa,CAClB,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,sBAAA;AAAA,QACL,KAAO,EAAA,QAAA;AAAA,QACP,QAAU,EAAA,sBAAA;AAAA,QAET,QAAA,EAAA,kBAAA,CAAmB,IAAI,CACtB,MAAA,qBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,OAAO,MAAO,CAAA,KAAA;AAAA,YACd,OAAO,MAAO,CAAA,QAAA;AAAA,YACd,OAAS,kBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAW,QAAQ,KAAO,EAAA;AAAA,WAAA;AAAA,UAHrC,CAAA,oBAAA,EAAuB,OAAO,QAAQ,CAAA;AAAA,SAK9C;AAAA;AAAA,KAEL,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/hooks/useConfig.esm.js

@@ -1,4 +1,5 @@
-import React, { createContext, useState, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
 import '../types/Alert.esm.js';
 import { EngineerThreshold } from '../types/ChangeStatistic.esm.js';
 import { getIcon } from '../utils/navigation.esm.js';
@@ -139,7 +140,7 @@ const ConfigProvider = ({ children }) => {
   if (loading) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: config }, children);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children });
 };
 function useConfig() {
   const config = useContext(ConfigContext);

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

@@ -1 +1 @@
-{"version":3,"file":"useConfig.esm.js","sources":["../../src/hooks/useConfig.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  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { Config as BackstageConfig } from '@backstage/config';\nimport { Currency, EngineerThreshold, Icon } from '../types';\nimport {\n  Metric,\n  Product,\n} from '@backstage-community/plugin-cost-insights-common';\nimport { getIcon } from '../utils/navigation';\nimport { validateCurrencies, validateMetrics } from '../utils/config';\nimport { createCurrencyFormat, defaultCurrencies } from '../utils/currency';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\n/*\n * Config schema 2021-08-05\n *\n * costInsights:\n *   engineerCost: 200000\n *   products:\n *     productA:\n *       name: Product A\n *       icon: storage\n *     productB:\n *       name: Product B\n *       icon: data\n *   metrics:\n *     metricA:\n *       name: Metric A\n *       default: true\n *     metricB:\n *       name: Metric B\n *   baseCurrency:\n *     locale: nl-NL\n *     options:\n *       currency: EUR\n *       minimumFractionDigits: 3\n *   currencies:\n *     currencyA:\n *       label: Currency A\n *       unit: Unit A\n *     currencyB:\n *       label: Currency B\n *       kind: CURRENCY_B\n *       unit: Unit B\n *       prefix: B\n *       rate: 3.5\n */\n\n/** @public */\nexport type ConfigContextProps = {\n  baseCurrency: Intl.NumberFormat;\n  metrics: Metric[];\n  products: Product[];\n  icons: Icon[];\n  engineerCost: number;\n  engineerThreshold: number;\n  hideTrendLine: boolean;\n  currencies: Currency[];\n};\n\nexport const ConfigContext = createContext<ConfigContextProps | undefined>(\n  undefined,\n);\n\nconst defaultState: ConfigContextProps = {\n  baseCurrency: createCurrencyFormat(),\n  metrics: [],\n  products: [],\n  icons: [],\n  engineerCost: 0,\n  engineerThreshold: EngineerThreshold,\n  hideTrendLine: false,\n  currencies: defaultCurrencies,\n};\n\nexport const ConfigProvider = ({ children }: PropsWithChildren<{}>) => {\n  const c: BackstageConfig = useApi(configApiRef);\n  const [config, setConfig] = useState(defaultState);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    function getProducts(): Product[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(key => ({\n          kind: key,\n          name: products.getString(`${key}.name`),\n          aggregation: [0, 0],\n        }));\n      }\n      return [];\n    }\n\n    function getMetrics(): Metric[] {\n      const metrics = c.getOptionalConfig('costInsights.metrics');\n      if (metrics) {\n        return metrics.keys().map(key => ({\n          kind: key,\n          name: metrics.getString(`${key}.name`),\n          default: metrics.getOptionalBoolean(`${key}.default`) ?? false,\n        }));\n      }\n\n      return [];\n    }\n\n    function getBaseCurrency(): Intl.NumberFormat {\n      const baseCurrency = c.getOptionalConfig('costInsights.baseCurrency');\n      if (baseCurrency) {\n        const options = baseCurrency.getOptionalConfig('options');\n        return new Intl.NumberFormat(\n          baseCurrency.getOptionalString('locale'),\n          options\n            ? {\n                localeMatcher: options.getOptionalString('localeMatcher'),\n                style: 'currency',\n                currency: options.getOptionalString('currency'),\n                currencySign: options.getOptionalString('currencySign'),\n                useGrouping: options.getOptionalBoolean('useGrouping'),\n                minimumIntegerDigits: options.getOptionalNumber(\n                  'minimumIntegerDigits',\n                ),\n                minimumFractionDigits: options.getOptionalNumber(\n                  'minimumFractionDigits',\n                ),\n                maximumFractionDigits: options.getOptionalNumber(\n                  'maximumFractionDigits',\n                ),\n                minimumSignificantDigits: options.getOptionalNumber(\n                  'minimumSignificantDigits',\n                ),\n                maximumSignificantDigits: options.getOptionalNumber(\n                  'maximumSignificantDigits',\n                ),\n              }\n            : undefined,\n        );\n      }\n\n      return defaultState.baseCurrency;\n    }\n\n    function getCurrencies(): Currency[] {\n      const currencies = c.getOptionalConfig('costInsights.currencies');\n      if (currencies) {\n        return currencies.keys().map(key => ({\n          label: currencies.getString(`${key}.label`),\n          unit: currencies.getString(`${key}.unit`),\n          kind: currencies.getOptionalString(`${key}.kind`) || null,\n          prefix: currencies.getOptionalString(`${key}.prefix`),\n          rate: currencies.getOptionalNumber(`${key}.rate`),\n        }));\n      }\n\n      return defaultCurrencies;\n    }\n\n    function getIcons(): Icon[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(k => ({\n          kind: k,\n          component: getIcon(products.getOptionalString(`${k}.icon`)),\n        }));\n      }\n      return [];\n    }\n\n    function getEngineerCost(): number {\n      return c.getNumber('costInsights.engineerCost');\n    }\n\n    function getEngineerThreshold(): number {\n      return (\n        c.getOptionalNumber('costInsights.engineerThreshold') ??\n        defaultState.engineerThreshold\n      );\n    }\n\n    function getHideTrendLine(): boolean {\n      return (\n        c.getOptionalBoolean('costInsights.hideTrendLine') ??\n        defaultState.hideTrendLine\n      );\n    }\n\n    function getConfig() {\n      const baseCurrency = getBaseCurrency();\n      const products = getProducts();\n      const metrics = getMetrics();\n      const engineerCost = getEngineerCost();\n      const engineerThreshold = getEngineerThreshold();\n      const hideTrendLine = getHideTrendLine();\n      const icons = getIcons();\n      const currencies = getCurrencies();\n\n      validateMetrics(metrics);\n      validateCurrencies(currencies);\n\n      setConfig(prevState => ({\n        ...prevState,\n        baseCurrency,\n        metrics,\n        products,\n        engineerCost,\n        engineerThreshold,\n        hideTrendLine,\n        icons,\n        currencies,\n      }));\n\n      setLoading(false);\n    }\n\n    getConfig();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (loading) {\n    return null;\n  }\n\n  return (\n    <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>\n  );\n};\n\nexport function useConfig(): ConfigContextProps {\n  const config = useContext(ConfigContext);\n  return config ? config : assertNever();\n}\n\nfunction assertNever(): never {\n  throw new Error('Cannot use useConfig outside of ConfigProvider');\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useConfig.esm.js","sources":["../../src/hooks/useConfig.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 { Config as BackstageConfig } from '@backstage/config';\nimport { Currency, EngineerThreshold, Icon } from '../types';\nimport {\n  Metric,\n  Product,\n} from '@backstage-community/plugin-cost-insights-common';\nimport { getIcon } from '../utils/navigation';\nimport { validateCurrencies, validateMetrics } from '../utils/config';\nimport { createCurrencyFormat, defaultCurrencies } from '../utils/currency';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\n/*\n * Config schema 2021-08-05\n *\n * costInsights:\n *   engineerCost: 200000\n *   products:\n *     productA:\n *       name: Product A\n *       icon: storage\n *     productB:\n *       name: Product B\n *       icon: data\n *   metrics:\n *     metricA:\n *       name: Metric A\n *       default: true\n *     metricB:\n *       name: Metric B\n *   baseCurrency:\n *     locale: nl-NL\n *     options:\n *       currency: EUR\n *       minimumFractionDigits: 3\n *   currencies:\n *     currencyA:\n *       label: Currency A\n *       unit: Unit A\n *     currencyB:\n *       label: Currency B\n *       kind: CURRENCY_B\n *       unit: Unit B\n *       prefix: B\n *       rate: 3.5\n */\n\n/** @public */\nexport type ConfigContextProps = {\n  baseCurrency: Intl.NumberFormat;\n  metrics: Metric[];\n  products: Product[];\n  icons: Icon[];\n  engineerCost: number;\n  engineerThreshold: number;\n  hideTrendLine: boolean;\n  currencies: Currency[];\n};\n\nexport const ConfigContext = createContext<ConfigContextProps | undefined>(\n  undefined,\n);\n\nconst defaultState: ConfigContextProps = {\n  baseCurrency: createCurrencyFormat(),\n  metrics: [],\n  products: [],\n  icons: [],\n  engineerCost: 0,\n  engineerThreshold: EngineerThreshold,\n  hideTrendLine: false,\n  currencies: defaultCurrencies,\n};\n\nexport const ConfigProvider = ({ children }: PropsWithChildren<{}>) => {\n  const c: BackstageConfig = useApi(configApiRef);\n  const [config, setConfig] = useState(defaultState);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    function getProducts(): Product[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(key => ({\n          kind: key,\n          name: products.getString(`${key}.name`),\n          aggregation: [0, 0],\n        }));\n      }\n      return [];\n    }\n\n    function getMetrics(): Metric[] {\n      const metrics = c.getOptionalConfig('costInsights.metrics');\n      if (metrics) {\n        return metrics.keys().map(key => ({\n          kind: key,\n          name: metrics.getString(`${key}.name`),\n          default: metrics.getOptionalBoolean(`${key}.default`) ?? false,\n        }));\n      }\n\n      return [];\n    }\n\n    function getBaseCurrency(): Intl.NumberFormat {\n      const baseCurrency = c.getOptionalConfig('costInsights.baseCurrency');\n      if (baseCurrency) {\n        const options = baseCurrency.getOptionalConfig('options');\n        return new Intl.NumberFormat(\n          baseCurrency.getOptionalString('locale'),\n          options\n            ? {\n                localeMatcher: options.getOptionalString('localeMatcher'),\n                style: 'currency',\n                currency: options.getOptionalString('currency'),\n                currencySign: options.getOptionalString('currencySign'),\n                useGrouping: options.getOptionalBoolean('useGrouping'),\n                minimumIntegerDigits: options.getOptionalNumber(\n                  'minimumIntegerDigits',\n                ),\n                minimumFractionDigits: options.getOptionalNumber(\n                  'minimumFractionDigits',\n                ),\n                maximumFractionDigits: options.getOptionalNumber(\n                  'maximumFractionDigits',\n                ),\n                minimumSignificantDigits: options.getOptionalNumber(\n                  'minimumSignificantDigits',\n                ),\n                maximumSignificantDigits: options.getOptionalNumber(\n                  'maximumSignificantDigits',\n                ),\n              }\n            : undefined,\n        );\n      }\n\n      return defaultState.baseCurrency;\n    }\n\n    function getCurrencies(): Currency[] {\n      const currencies = c.getOptionalConfig('costInsights.currencies');\n      if (currencies) {\n        return currencies.keys().map(key => ({\n          label: currencies.getString(`${key}.label`),\n          unit: currencies.getString(`${key}.unit`),\n          kind: currencies.getOptionalString(`${key}.kind`) || null,\n          prefix: currencies.getOptionalString(`${key}.prefix`),\n          rate: currencies.getOptionalNumber(`${key}.rate`),\n        }));\n      }\n\n      return defaultCurrencies;\n    }\n\n    function getIcons(): Icon[] {\n      const products = c.getOptionalConfig('costInsights.products');\n      if (products) {\n        return products.keys().map(k => ({\n          kind: k,\n          component: getIcon(products.getOptionalString(`${k}.icon`)),\n        }));\n      }\n      return [];\n    }\n\n    function getEngineerCost(): number {\n      return c.getNumber('costInsights.engineerCost');\n    }\n\n    function getEngineerThreshold(): number {\n      return (\n        c.getOptionalNumber('costInsights.engineerThreshold') ??\n        defaultState.engineerThreshold\n      );\n    }\n\n    function getHideTrendLine(): boolean {\n      return (\n        c.getOptionalBoolean('costInsights.hideTrendLine') ??\n        defaultState.hideTrendLine\n      );\n    }\n\n    function getConfig() {\n      const baseCurrency = getBaseCurrency();\n      const products = getProducts();\n      const metrics = getMetrics();\n      const engineerCost = getEngineerCost();\n      const engineerThreshold = getEngineerThreshold();\n      const hideTrendLine = getHideTrendLine();\n      const icons = getIcons();\n      const currencies = getCurrencies();\n\n      validateMetrics(metrics);\n      validateCurrencies(currencies);\n\n      setConfig(prevState => ({\n        ...prevState,\n        baseCurrency,\n        metrics,\n        products,\n        engineerCost,\n        engineerThreshold,\n        hideTrendLine,\n        icons,\n        currencies,\n      }));\n\n      setLoading(false);\n    }\n\n    getConfig();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (loading) {\n    return null;\n  }\n\n  return (\n    <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>\n  );\n};\n\nexport function useConfig(): ConfigContextProps {\n  const config = useContext(ConfigContext);\n  return config ? config : assertNever();\n}\n\nfunction assertNever(): never {\n  throw new Error('Cannot use useConfig outside of ConfigProvider');\n}\n"],"names":[],"mappings":";;;;;;;;;AAiFO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA;AACF;AAEA,MAAM,YAAmC,GAAA;AAAA,EACvC,cAAc,oBAAqB,EAAA;AAAA,EACnC,SAAS,EAAC;AAAA,EACV,UAAU,EAAC;AAAA,EACX,OAAO,EAAC;AAAA,EACR,YAAc,EAAA,CAAA;AAAA,EACd,iBAAmB,EAAA,iBAAA;AAAA,EACnB,aAAe,EAAA,KAAA;AAAA,EACf,UAAY,EAAA;AACd,CAAA;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAM,MAAA,CAAA,GAAqB,OAAO,YAAY,CAAA;AAC9C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,YAAY,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,WAAyB,GAAA;AAChC,MAAM,MAAA,QAAA,GAAW,CAAE,CAAA,iBAAA,CAAkB,uBAAuB,CAAA;AAC5D,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,OAAO,QAAS,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UACjC,IAAM,EAAA,GAAA;AAAA,UACN,IAAM,EAAA,QAAA,CAAS,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACtC,WAAA,EAAa,CAAC,CAAA,EAAG,CAAC;AAAA,SAClB,CAAA,CAAA;AAAA;AAEJ,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,SAAS,UAAuB,GAAA;AAC9B,MAAM,MAAA,OAAA,GAAU,CAAE,CAAA,iBAAA,CAAkB,sBAAsB,CAAA;AAC1D,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,OAAO,OAAQ,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UAChC,IAAM,EAAA,GAAA;AAAA,UACN,IAAM,EAAA,OAAA,CAAQ,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACrC,SAAS,OAAQ,CAAA,kBAAA,CAAmB,CAAG,EAAA,GAAG,UAAU,CAAK,IAAA;AAAA,SACzD,CAAA,CAAA;AAAA;AAGJ,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,SAAS,eAAqC,GAAA;AAC5C,MAAM,MAAA,YAAA,GAAe,CAAE,CAAA,iBAAA,CAAkB,2BAA2B,CAAA;AACpE,MAAA,IAAI,YAAc,EAAA;AAChB,QAAM,MAAA,OAAA,GAAU,YAAa,CAAA,iBAAA,CAAkB,SAAS,CAAA;AACxD,QAAA,OAAO,IAAI,IAAK,CAAA,YAAA;AAAA,UACd,YAAA,CAAa,kBAAkB,QAAQ,CAAA;AAAA,UACvC,OACI,GAAA;AAAA,YACE,aAAA,EAAe,OAAQ,CAAA,iBAAA,CAAkB,eAAe,CAAA;AAAA,YACxD,KAAO,EAAA,UAAA;AAAA,YACP,QAAA,EAAU,OAAQ,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA,YAC9C,YAAA,EAAc,OAAQ,CAAA,iBAAA,CAAkB,cAAc,CAAA;AAAA,YACtD,WAAA,EAAa,OAAQ,CAAA,kBAAA,CAAmB,aAAa,CAAA;AAAA,YACrD,sBAAsB,OAAQ,CAAA,iBAAA;AAAA,cAC5B;AAAA,aACF;AAAA,YACA,uBAAuB,OAAQ,CAAA,iBAAA;AAAA,cAC7B;AAAA,aACF;AAAA,YACA,uBAAuB,OAAQ,CAAA,iBAAA;AAAA,cAC7B;AAAA,aACF;AAAA,YACA,0BAA0B,OAAQ,CAAA,iBAAA;AAAA,cAChC;AAAA,aACF;AAAA,YACA,0BAA0B,OAAQ,CAAA,iBAAA;AAAA,cAChC;AAAA;AACF,WAEF,GAAA,KAAA;AAAA,SACN;AAAA;AAGF,MAAA,OAAO,YAAa,CAAA,YAAA;AAAA;AAGtB,IAAA,SAAS,aAA4B,GAAA;AACnC,MAAM,MAAA,UAAA,GAAa,CAAE,CAAA,iBAAA,CAAkB,yBAAyB,CAAA;AAChE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,OAAO,UAAW,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAQ,GAAA,MAAA;AAAA,UACnC,KAAO,EAAA,UAAA,CAAW,SAAU,CAAA,CAAA,EAAG,GAAG,CAAQ,MAAA,CAAA,CAAA;AAAA,UAC1C,IAAM,EAAA,UAAA,CAAW,SAAU,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA,CAAA;AAAA,UACxC,MAAM,UAAW,CAAA,iBAAA,CAAkB,CAAG,EAAA,GAAG,OAAO,CAAK,IAAA,IAAA;AAAA,UACrD,MAAQ,EAAA,UAAA,CAAW,iBAAkB,CAAA,CAAA,EAAG,GAAG,CAAS,OAAA,CAAA,CAAA;AAAA,UACpD,IAAM,EAAA,UAAA,CAAW,iBAAkB,CAAA,CAAA,EAAG,GAAG,CAAO,KAAA,CAAA;AAAA,SAChD,CAAA,CAAA;AAAA;AAGJ,MAAO,OAAA,iBAAA;AAAA;AAGT,IAAA,SAAS,QAAmB,GAAA;AAC1B,MAAM,MAAA,QAAA,GAAW,CAAE,CAAA,iBAAA,CAAkB,uBAAuB,CAAA;AAC5D,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,OAAO,QAAS,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,UAC/B,IAAM,EAAA,CAAA;AAAA,UACN,WAAW,OAAQ,CAAA,QAAA,CAAS,kBAAkB,CAAG,EAAA,CAAC,OAAO,CAAC;AAAA,SAC1D,CAAA,CAAA;AAAA;AAEJ,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,SAAS,eAA0B,GAAA;AACjC,MAAO,OAAA,CAAA,CAAE,UAAU,2BAA2B,CAAA;AAAA;AAGhD,IAAA,SAAS,oBAA+B,GAAA;AACtC,MAAA,OACE,CAAE,CAAA,iBAAA,CAAkB,gCAAgC,CAAA,IACpD,YAAa,CAAA,iBAAA;AAAA;AAIjB,IAAA,SAAS,gBAA4B,GAAA;AACnC,MAAA,OACE,CAAE,CAAA,kBAAA,CAAmB,4BAA4B,CAAA,IACjD,YAAa,CAAA,aAAA;AAAA;AAIjB,IAAA,SAAS,SAAY,GAAA;AACnB,MAAA,MAAM,eAAe,eAAgB,EAAA;AACrC,MAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,MAAA,MAAM,UAAU,UAAW,EAAA;AAC3B,MAAA,MAAM,eAAe,eAAgB,EAAA;AACrC,MAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAC/C,MAAA,MAAM,gBAAgB,gBAAiB,EAAA;AACvC,MAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,MAAA,MAAM,aAAa,aAAc,EAAA;AAEjC,MAAA,eAAA,CAAgB,OAAO,CAAA;AACvB,MAAA,kBAAA,CAAmB,UAAU,CAAA;AAE7B,MAAA,SAAA,CAAU,CAAc,SAAA,MAAA;AAAA,QACtB,GAAG,SAAA;AAAA,QACH,YAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OACA,CAAA,CAAA;AAEF,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAGlB,IAAU,SAAA,EAAA;AAAA,GACZ,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,2BACG,aAAc,CAAA,QAAA,EAAd,EAAuB,KAAA,EAAO,QAAS,QAAS,EAAA,CAAA;AAErD;AAEO,SAAS,SAAgC,GAAA;AAC9C,EAAM,MAAA,MAAA,GAAS,WAAW,aAAa,CAAA;AACvC,EAAO,OAAA,MAAA,GAAS,SAAS,WAAY,EAAA;AACvC;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA;AAClE;;;;"}

package/dist/hooks/useCurrency.esm.js

@@ -1,7 +1,10 @@
-import React, { useState, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
 import { useConfig } from './useConfig.esm.js';
 
-const CurrencyContext = React.createContext(void 0);
+const CurrencyContext = createContext(
+  void 0
+);
 const CurrencyProvider = ({ children }) => {
   const config = useConfig();
   const currencies = config.currencies;
@@ -9,7 +12,7 @@ const CurrencyProvider = ({ children }) => {
   const [currency, setCurrency] = useState(
     engineers || currencies[0]
   );
-  return /* @__PURE__ */ React.createElement(CurrencyContext.Provider, { value: { currency, setCurrency } }, children);
+  return /* @__PURE__ */ jsx(CurrencyContext.Provider, { value: { currency, setCurrency }, children });
 };
 function useCurrency() {
   const context = useContext(CurrencyContext);

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

@@ -1 +1 @@
-{"version":3,"file":"useCurrency.esm.js","sources":["../../src/hooks/useCurrency.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 { Currency } from '../types';\nimport { useConfig } from './useConfig';\n\n/** @public */\nexport type CurrencyContextProps = {\n  currency: Currency;\n  setCurrency: Dispatch<SetStateAction<Currency>>;\n};\n\nexport const CurrencyContext = React.createContext<\n  CurrencyContextProps | undefined\n>(undefined);\n\nexport const CurrencyProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const currencies = config.currencies;\n  const engineers = currencies.find(currency => currency.kind === null);\n  const [currency, setCurrency] = useState<Currency>(\n    engineers || currencies[0],\n  );\n  return (\n    <CurrencyContext.Provider value={{ currency, setCurrency }}>\n      {children}\n    </CurrencyContext.Provider>\n  );\n};\n\nexport function useCurrency(): [Currency, Dispatch<SetStateAction<Currency>>] {\n  const context = useContext(CurrencyContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return [context.currency, context.setCurrency];\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useCurrency outside of CurrencyProvider');\n}\n"],"names":["currency"],"mappings":";;;AA+Ba,MAAA,eAAA,GAAkB,KAAM,CAAA,aAAA,CAEnC,KAAS,CAAA;AAEJ,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACvE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,aAAa,MAAO,CAAA,UAAA;AAC1B,EAAA,MAAM,YAAY,UAAW,CAAA,IAAA,CAAK,CAAAA,SAAYA,KAAAA,SAAAA,CAAS,SAAS,IAAI,CAAA;AACpE,EAAM,MAAA,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IAC9B,SAAA,IAAa,WAAW,CAAC;AAAA,GAC3B;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,QAAhB,EAAA,EAAyB,OAAO,EAAE,QAAA,EAAU,WAAY,EAAA,EAAA,EACtD,QACH,CAAA;AAEJ;AAEO,SAAS,WAA8D,GAAA;AAC5E,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,CAAC,OAAA,CAAQ,QAAU,EAAA,OAAA,CAAQ,WAAW,CAAA;AAC/C;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,oDAAoD,CAAA;AAClE;;;;"}
+{"version":3,"file":"useCurrency.esm.js","sources":["../../src/hooks/useCurrency.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 { Currency } from '../types';\nimport { useConfig } from './useConfig';\n\n/** @public */\nexport type CurrencyContextProps = {\n  currency: Currency;\n  setCurrency: Dispatch<SetStateAction<Currency>>;\n};\n\nexport const CurrencyContext = createContext<CurrencyContextProps | undefined>(\n  undefined,\n);\n\nexport const CurrencyProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const currencies = config.currencies;\n  const engineers = currencies.find(currency => currency.kind === null);\n  const [currency, setCurrency] = useState<Currency>(\n    engineers || currencies[0],\n  );\n  return (\n    <CurrencyContext.Provider value={{ currency, setCurrency }}>\n      {children}\n    </CurrencyContext.Provider>\n  );\n};\n\nexport function useCurrency(): [Currency, Dispatch<SetStateAction<Currency>>] {\n  const context = useContext(CurrencyContext);\n\n  if (!context) {\n    assertNever();\n  }\n\n  return [context.currency, context.setCurrency];\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useCurrency outside of CurrencyProvider');\n}\n"],"names":["currency"],"mappings":";;;;AAgCO,MAAM,eAAkB,GAAA,aAAA;AAAA,EAC7B,KAAA;AACF;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACvE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,aAAa,MAAO,CAAA,UAAA;AAC1B,EAAA,MAAM,YAAY,UAAW,CAAA,IAAA,CAAK,CAAAA,SAAYA,KAAAA,SAAAA,CAAS,SAAS,IAAI,CAAA;AACpE,EAAM,MAAA,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IAC9B,SAAA,IAAa,WAAW,CAAC;AAAA,GAC3B;AACA,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA,EAAyB,OAAO,EAAE,QAAA,EAAU,WAAY,EAAA,EACtD,QACH,EAAA,CAAA;AAEJ;AAEO,SAAS,WAA8D,GAAA;AAC5E,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAY,WAAA,EAAA;AAAA;AAGd,EAAA,OAAO,CAAC,OAAA,CAAQ,QAAU,EAAA,OAAA,CAAQ,WAAW,CAAA;AAC/C;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,oDAAoD,CAAA;AAClE;;;;"}

package/dist/hooks/useFilters.esm.js

@@ -1,11 +1,14 @@
-import React, { useState, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
 import Alert from '@material-ui/lab/Alert';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { validate, getInitialPageState, getInitialProductState, stringify } from '../utils/history.esm.js';
 import { useGroups } from './useGroups.esm.js';
 import { useConfig } from './useConfig.esm.js';
 
-const FilterContext = React.createContext(void 0);
+const FilterContext = createContext(
+  void 0
+);
 const FilterProvider = ({ children }) => {
   const config = useConfig();
   const navigate = useNavigate();
@@ -42,17 +45,17 @@ const FilterProvider = ({ children }) => {
     }
   }, [pageFilters]);
   if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (!pageFilters || !productFilters) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     FilterContext.Provider,
     {
-      value: { pageFilters, productFilters, setPageFilters, setProductFilters }
-    },
-    children
+      value: { pageFilters, productFilters, setPageFilters, setProductFilters },
+      children
+    }
   );
 };
 function useFilters(mapFiltersToProps) {

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

@@ -1 +1 @@
-{"version":3,"file":"useFilters.esm.js","sources":["../../src/hooks/useFilters.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  Dispatch,\n  PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport { PageFilters, ProductFilters } from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport {\n  stringify,\n  validate,\n  getInitialPageState,\n  getInitialProductState,\n} from '../utils/history';\nimport { useGroups } from './useGroups';\nimport { useConfig } from './useConfig';\n\nexport type FilterContextProps = {\n  pageFilters: PageFilters;\n  productFilters: ProductFilters;\n  setPageFilters: Dispatch<SetStateAction<Maybe<PageFilters>>>;\n  setProductFilters: Dispatch<SetStateAction<Maybe<ProductFilters>>>;\n};\n\nexport type MapFiltersToProps<T> = (props: FilterContextProps) => T;\n\nexport const FilterContext = React.createContext<\n  FilterContextProps | undefined\n>(undefined);\n\nexport const FilterProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const groups = useGroups();\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const [pageFilters, setPageFilters] = useState<Maybe<PageFilters>>(null);\n  const [productFilters, setProductFilters] =\n    useState<Maybe<ProductFilters>>(null);\n\n  useEffect(() => {\n    async function setPageFiltersFromLocation() {\n      try {\n        // strip extraneous parameters, validate and transform\n        const queryParams = await validate(location.search);\n        const defaultMetric = config.metrics.find(m => m.default)?.kind ?? null;\n\n        // Group or project parameters should override defaults\n        const initialPageState = getInitialPageState(groups, queryParams);\n        const initialProductState = getInitialProductState(config);\n\n        setProductFilters(initialProductState);\n        setPageFilters({ ...initialPageState, metric: defaultMetric });\n      } catch (e) {\n        setError(e);\n      }\n    }\n\n    setPageFiltersFromLocation();\n  }, [groups]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    function setLocationFromPageFilters(filters: PageFilters) {\n      const queryString = stringify({\n        group: filters.group,\n        ...(filters.project ? { project: filters.project } : {}),\n      });\n      // TODO Remove workaround once issue is resolved in react-router\n      // (https://github.com/ReactTraining/react-router/issues/7496)\n      // navigate({ ...location, search: queryString });\n      navigate({ ...location, search: `?${queryString}` });\n    }\n\n    if (pageFilters) {\n      setLocationFromPageFilters(pageFilters);\n    }\n  }, [pageFilters]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  // Wait for filters to load\n  if (!pageFilters || !productFilters) {\n    return null;\n  }\n\n  return (\n    <FilterContext.Provider\n      value={{ pageFilters, productFilters, setPageFilters, setProductFilters }}\n    >\n      {children}\n    </FilterContext.Provider>\n  );\n};\n\nexport function useFilters<T>(mapFiltersToProps: MapFiltersToProps<T>): T {\n  const context = useContext(FilterContext);\n  return context ? mapFiltersToProps(context) : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useFilters outside of FilterProvider');\n}\n"],"names":[],"mappings":";;;;;;;AA8Ca,MAAA,aAAA,GAAgB,KAAM,CAAA,aAAA,CAEjC,KAAS,CAAA;AAEJ,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA6B,IAAI,CAAA;AACvE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GACtC,SAAgC,IAAI,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,0BAA6B,GAAA;AAC1C,MAAI,IAAA;AAEF,QAAA,MAAM,WAAc,GAAA,MAAM,QAAS,CAAA,QAAA,CAAS,MAAM,CAAA;AAClD,QAAM,MAAA,aAAA,GAAgB,OAAO,OAAQ,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,OAAO,GAAG,IAAQ,IAAA,IAAA;AAGnE,QAAM,MAAA,gBAAA,GAAmB,mBAAoB,CAAA,MAAA,EAAQ,WAAW,CAAA;AAChE,QAAM,MAAA,mBAAA,GAAsB,uBAAuB,MAAM,CAAA;AAEzD,QAAA,iBAAA,CAAkB,mBAAmB,CAAA;AACrC,QAAA,cAAA,CAAe,EAAE,GAAG,gBAAkB,EAAA,MAAA,EAAQ,eAAe,CAAA;AAAA,eACtD,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA;AACZ;AAGF,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,2BAA2B,OAAsB,EAAA;AACxD,MAAA,MAAM,cAAc,SAAU,CAAA;AAAA,QAC5B,OAAO,OAAQ,CAAA,KAAA;AAAA,QACf,GAAI,QAAQ,OAAU,GAAA,EAAE,SAAS,OAAQ,CAAA,OAAA,KAAY;AAAC,OACvD,CAAA;AAID,MAAA,QAAA,CAAS,EAAE,GAAG,QAAA,EAAU,QAAQ,CAAI,CAAA,EAAA,WAAW,IAAI,CAAA;AAAA;AAGrD,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,0BAAA,CAA2B,WAAW,CAAA;AAAA;AACxC,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAIhD,EAAI,IAAA,CAAC,WAAe,IAAA,CAAC,cAAgB,EAAA;AACnC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA,EAAE,WAAa,EAAA,cAAA,EAAgB,gBAAgB,iBAAkB;AAAA,KAAA;AAAA,IAEvE;AAAA,GACH;AAEJ;AAEO,SAAS,WAAc,iBAA4C,EAAA;AACxE,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,OAAO,OAAU,GAAA,iBAAA,CAAkB,OAAO,CAAA,GAAI,WAAY,EAAA;AAC5D;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,iDAAiD,CAAA;AAC/D;;;;"}
+{"version":3,"file":"useFilters.esm.js","sources":["../../src/hooks/useFilters.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  useState,\n} from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport { PageFilters, ProductFilters } from '../types';\nimport { Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport {\n  stringify,\n  validate,\n  getInitialPageState,\n  getInitialProductState,\n} from '../utils/history';\nimport { useGroups } from './useGroups';\nimport { useConfig } from './useConfig';\n\nexport type FilterContextProps = {\n  pageFilters: PageFilters;\n  productFilters: ProductFilters;\n  setPageFilters: Dispatch<SetStateAction<Maybe<PageFilters>>>;\n  setProductFilters: Dispatch<SetStateAction<Maybe<ProductFilters>>>;\n};\n\nexport type MapFiltersToProps<T> = (props: FilterContextProps) => T;\n\nexport const FilterContext = createContext<FilterContextProps | undefined>(\n  undefined,\n);\n\nexport const FilterProvider = ({ children }: PropsWithChildren<{}>) => {\n  const config = useConfig();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const groups = useGroups();\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const [pageFilters, setPageFilters] = useState<Maybe<PageFilters>>(null);\n  const [productFilters, setProductFilters] =\n    useState<Maybe<ProductFilters>>(null);\n\n  useEffect(() => {\n    async function setPageFiltersFromLocation() {\n      try {\n        // strip extraneous parameters, validate and transform\n        const queryParams = await validate(location.search);\n        const defaultMetric = config.metrics.find(m => m.default)?.kind ?? null;\n\n        // Group or project parameters should override defaults\n        const initialPageState = getInitialPageState(groups, queryParams);\n        const initialProductState = getInitialProductState(config);\n\n        setProductFilters(initialProductState);\n        setPageFilters({ ...initialPageState, metric: defaultMetric });\n      } catch (e) {\n        setError(e);\n      }\n    }\n\n    setPageFiltersFromLocation();\n  }, [groups]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    function setLocationFromPageFilters(filters: PageFilters) {\n      const queryString = stringify({\n        group: filters.group,\n        ...(filters.project ? { project: filters.project } : {}),\n      });\n      // TODO Remove workaround once issue is resolved in react-router\n      // (https://github.com/ReactTraining/react-router/issues/7496)\n      // navigate({ ...location, search: queryString });\n      navigate({ ...location, search: `?${queryString}` });\n    }\n\n    if (pageFilters) {\n      setLocationFromPageFilters(pageFilters);\n    }\n  }, [pageFilters]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  // Wait for filters to load\n  if (!pageFilters || !productFilters) {\n    return null;\n  }\n\n  return (\n    <FilterContext.Provider\n      value={{ pageFilters, productFilters, setPageFilters, setProductFilters }}\n    >\n      {children}\n    </FilterContext.Provider>\n  );\n};\n\nexport function useFilters<T>(mapFiltersToProps: MapFiltersToProps<T>): T {\n  const context = useContext(FilterContext);\n  return context ? mapFiltersToProps(context) : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useFilters outside of FilterProvider');\n}\n"],"names":[],"mappings":";;;;;;;;AA+CO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA;AACF;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA6B,IAAI,CAAA;AACvE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GACtC,SAAgC,IAAI,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,0BAA6B,GAAA;AAC1C,MAAI,IAAA;AAEF,QAAA,MAAM,WAAc,GAAA,MAAM,QAAS,CAAA,QAAA,CAAS,MAAM,CAAA;AAClD,QAAM,MAAA,aAAA,GAAgB,OAAO,OAAQ,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,OAAO,GAAG,IAAQ,IAAA,IAAA;AAGnE,QAAM,MAAA,gBAAA,GAAmB,mBAAoB,CAAA,MAAA,EAAQ,WAAW,CAAA;AAChE,QAAM,MAAA,mBAAA,GAAsB,uBAAuB,MAAM,CAAA;AAEzD,QAAA,iBAAA,CAAkB,mBAAmB,CAAA;AACrC,QAAA,cAAA,CAAe,EAAE,GAAG,gBAAkB,EAAA,MAAA,EAAQ,eAAe,CAAA;AAAA,eACtD,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA;AACZ;AAGF,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,2BAA2B,OAAsB,EAAA;AACxD,MAAA,MAAM,cAAc,SAAU,CAAA;AAAA,QAC5B,OAAO,OAAQ,CAAA,KAAA;AAAA,QACf,GAAI,QAAQ,OAAU,GAAA,EAAE,SAAS,OAAQ,CAAA,OAAA,KAAY;AAAC,OACvD,CAAA;AAID,MAAA,QAAA,CAAS,EAAE,GAAG,QAAA,EAAU,QAAQ,CAAI,CAAA,EAAA,WAAW,IAAI,CAAA;AAAA;AAGrD,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,0BAAA,CAA2B,WAAW,CAAA;AAAA;AACxC,GACF,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA;AAIhD,EAAI,IAAA,CAAC,WAAe,IAAA,CAAC,cAAgB,EAAA;AACnC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,aAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA,EAAE,WAAa,EAAA,cAAA,EAAgB,gBAAgB,iBAAkB,EAAA;AAAA,MAEvE;AAAA;AAAA,GACH;AAEJ;AAEO,SAAS,WAAc,iBAA4C,EAAA;AACxE,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,OAAO,OAAU,GAAA,iBAAA,CAAkB,OAAO,CAAA,GAAI,WAAY,EAAA;AAC5D;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,iDAAiD,CAAA;AAC/D;;;;"}

package/dist/hooks/useGroups.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
 import Alert from '@material-ui/lab/Alert';
 import { costInsightsApiRef } from '../api/CostInsightsApi.esm.js';
 import { useLoading } from './useLoading.esm.js';
@@ -11,7 +12,9 @@ const mapLoadingToProps = ({
 }) => ({
   dispatchLoadingGroups: (isLoading) => dispatch({ [DefaultLoadingAction.UserGroups]: isLoading })
 });
-const GroupsContext = React.createContext(void 0);
+const GroupsContext = createContext(
+  void 0
+);
 const GroupsProvider = ({ children }) => {
   const identityApi = useApi(identityApiRef);
   const client = useApi(costInsightsApiRef);
@@ -38,10 +41,10 @@ const GroupsProvider = ({ children }) => {
     getUserGroups();
   }, [client]);
   if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (!groups) return null;
-  return /* @__PURE__ */ React.createElement(GroupsContext.Provider, { value: { groups } }, children);
+  return /* @__PURE__ */ jsx(GroupsContext.Provider, { value: { groups }, children });
 };
 function useGroups() {
   const context = useContext(GroupsContext);

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

@@ -1 +1 @@
-{"version":3,"file":"useGroups.esm.js","sources":["../../src/hooks/useGroups.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 Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { Group, Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { useApi, identityApiRef } from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype GroupsProviderLoadingProps = {\n  dispatchLoadingGroups: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<GroupsProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingGroups: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.UserGroups]: isLoading }),\n});\n\nexport type GroupsContextProps = {\n  groups: Group[];\n};\n\nexport const GroupsContext = React.createContext<\n  GroupsContextProps | undefined\n>(undefined);\n\nexport const GroupsProvider = ({ children }: PropsWithChildren<{}>) => {\n  const identityApi = useApi(identityApiRef);\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingGroups } = useLoading(mapLoadingToProps);\n\n  const [groups, setGroups] = useState<Maybe<Group[]>>(null);\n\n  useEffect(() => {\n    dispatchLoadingGroups(true);\n\n    async function getUserGroups() {\n      try {\n        const { userEntityRef } = await identityApi.getBackstageIdentity();\n        const { name: userId } = parseEntityRef(userEntityRef, {\n          defaultKind: 'User',\n          defaultNamespace: DEFAULT_NAMESPACE,\n        });\n        const g = await client.getUserGroups(userId);\n        setGroups(g);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingGroups(false);\n      }\n    }\n\n    getUserGroups();\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 (!groups) return null;\n\n  return (\n    <GroupsContext.Provider value={{ groups: groups }}>\n      {children}\n    </GroupsContext.Provider>\n  );\n};\n\nexport function useGroups(): Group[] {\n  const context = useContext(GroupsContext);\n  return context ? context.groups : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useGroups outside of GroupsProvider');\n}\n"],"names":[],"mappings":";;;;;;;;AAkCA,MAAM,oBAAmE,CAAC;AAAA,EACxE;AACF,CAAO,MAAA;AAAA,EACL,qBAAA,EAAuB,CAAC,SAAA,KACtB,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,UAAU,GAAG,SAAA,EAAW;AAC7D,CAAA,CAAA;AAMa,MAAA,aAAA,GAAgB,KAAM,CAAA,aAAA,CAEjC,KAAS,CAAA;AAEJ,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,EAAE,qBAAA,EAA0B,GAAA,UAAA,CAAW,iBAAiB,CAAA;AAE9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAyB,IAAI,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,qBAAA,CAAsB,IAAI,CAAA;AAE1B,IAAA,eAAe,aAAgB,GAAA;AAC7B,MAAI,IAAA;AACF,QAAA,MAAM,EAAE,aAAA,EAAkB,GAAA,MAAM,YAAY,oBAAqB,EAAA;AACjE,QAAA,MAAM,EAAE,IAAA,EAAM,MAAO,EAAA,GAAI,eAAe,aAAe,EAAA;AAAA,UACrD,WAAa,EAAA,MAAA;AAAA,UACb,gBAAkB,EAAA;AAAA,SACnB,CAAA;AACD,QAAA,MAAM,CAAI,GAAA,MAAM,MAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3C,QAAA,SAAA,CAAU,CAAC,CAAA;AAAA,eACJ,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA,OACV,SAAA;AACA,QAAA,qBAAA,CAAsB,KAAK,CAAA;AAAA;AAC7B;AAGF,IAAc,aAAA,EAAA;AAAA,GAChB,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,QAAe,OAAA,IAAA;AAEpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAc,QAAd,EAAA,EAAuB,OAAO,EAAE,MAAA,MAC9B,QACH,CAAA;AAEJ;AAEO,SAAS,SAAqB,GAAA;AACnC,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,MAAA,GAAS,WAAY,EAAA;AAChD;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,gDAAgD,CAAA;AAC9D;;;;"}
+{"version":3,"file":"useGroups.esm.js","sources":["../../src/hooks/useGroups.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 Alert from '@material-ui/lab/Alert';\nimport { costInsightsApiRef } from '../api';\nimport { MapLoadingToProps, useLoading } from './useLoading';\nimport { Group, Maybe } from '@backstage-community/plugin-cost-insights-common';\nimport { DefaultLoadingAction } from '../utils/loading';\nimport { useApi, identityApiRef } from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype GroupsProviderLoadingProps = {\n  dispatchLoadingGroups: (isLoading: boolean) => void;\n};\n\nconst mapLoadingToProps: MapLoadingToProps<GroupsProviderLoadingProps> = ({\n  dispatch,\n}) => ({\n  dispatchLoadingGroups: (isLoading: boolean) =>\n    dispatch({ [DefaultLoadingAction.UserGroups]: isLoading }),\n});\n\nexport type GroupsContextProps = {\n  groups: Group[];\n};\n\nexport const GroupsContext = createContext<GroupsContextProps | undefined>(\n  undefined,\n);\n\nexport const GroupsProvider = ({ children }: PropsWithChildren<{}>) => {\n  const identityApi = useApi(identityApiRef);\n  const client = useApi(costInsightsApiRef);\n  const [error, setError] = useState<Maybe<Error>>(null);\n  const { dispatchLoadingGroups } = useLoading(mapLoadingToProps);\n\n  const [groups, setGroups] = useState<Maybe<Group[]>>(null);\n\n  useEffect(() => {\n    dispatchLoadingGroups(true);\n\n    async function getUserGroups() {\n      try {\n        const { userEntityRef } = await identityApi.getBackstageIdentity();\n        const { name: userId } = parseEntityRef(userEntityRef, {\n          defaultKind: 'User',\n          defaultNamespace: DEFAULT_NAMESPACE,\n        });\n        const g = await client.getUserGroups(userId);\n        setGroups(g);\n      } catch (e) {\n        setError(e);\n      } finally {\n        dispatchLoadingGroups(false);\n      }\n    }\n\n    getUserGroups();\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 (!groups) return null;\n\n  return (\n    <GroupsContext.Provider value={{ groups: groups }}>\n      {children}\n    </GroupsContext.Provider>\n  );\n};\n\nexport function useGroups(): Group[] {\n  const context = useContext(GroupsContext);\n  return context ? context.groups : assertNever();\n}\n\nfunction assertNever(): never {\n  throw Error('Cannot use useGroups outside of GroupsProvider');\n}\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,oBAAmE,CAAC;AAAA,EACxE;AACF,CAAO,MAAA;AAAA,EACL,qBAAA,EAAuB,CAAC,SAAA,KACtB,QAAS,CAAA,EAAE,CAAC,oBAAqB,CAAA,UAAU,GAAG,SAAA,EAAW;AAC7D,CAAA,CAAA;AAMO,MAAM,aAAgB,GAAA,aAAA;AAAA,EAC3B,KAAA;AACF;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AACrE,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,OAAO,kBAAkB,CAAA;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,EAAE,qBAAA,EAA0B,GAAA,UAAA,CAAW,iBAAiB,CAAA;AAE9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAyB,IAAI,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,qBAAA,CAAsB,IAAI,CAAA;AAE1B,IAAA,eAAe,aAAgB,GAAA;AAC7B,MAAI,IAAA;AACF,QAAA,MAAM,EAAE,aAAA,EAAkB,GAAA,MAAM,YAAY,oBAAqB,EAAA;AACjE,QAAA,MAAM,EAAE,IAAA,EAAM,MAAO,EAAA,GAAI,eAAe,aAAe,EAAA;AAAA,UACrD,WAAa,EAAA,MAAA;AAAA,UACb,gBAAkB,EAAA;AAAA,SACnB,CAAA;AACD,QAAA,MAAM,CAAI,GAAA,MAAM,MAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3C,QAAA,SAAA,CAAU,CAAC,CAAA;AAAA,eACJ,CAAG,EAAA;AACV,QAAA,QAAA,CAAS,CAAC,CAAA;AAAA,OACV,SAAA;AACA,QAAA,qBAAA,CAAsB,KAAK,CAAA;AAAA;AAC7B;AAGF,IAAc,aAAA,EAAA;AAAA,GAChB,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,QAAe,OAAA,IAAA;AAEpB,EACE,uBAAA,GAAA,CAAC,cAAc,QAAd,EAAA,EAAuB,OAAO,EAAE,MAAA,IAC9B,QACH,EAAA,CAAA;AAEJ;AAEO,SAAS,SAAqB,GAAA;AACnC,EAAM,MAAA,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAO,OAAA,OAAA,GAAU,OAAQ,CAAA,MAAA,GAAS,WAAY,EAAA;AAChD;AAEA,SAAS,WAAqB,GAAA;AAC5B,EAAA,MAAM,MAAM,gDAAgD,CAAA;AAC9D;;;;"}

package/dist/hooks/useLastCompleteBillingDate.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useEffect, useContext } from 'react';
 import * as yup from 'yup';
 import Alert from '@material-ui/lab/Alert';
 import { costInsightsApiRef } from '../api/CostInsightsApi.esm.js';
@@ -11,7 +12,7 @@ const mapLoadingToProps = ({
 }) => ({
   dispatchLoadingBillingDate: (isLoading) => dispatch({ [DefaultLoadingAction.LastCompleteBillingDate]: isLoading })
 });
-const BillingDateContext = React.createContext(void 0);
+const BillingDateContext = createContext(void 0);
 const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
 const dateFormatSchema = yup.string().matches(dateRegex, {
   message: "Unsupported billing date format: ${value}. Date should be in YYYY-MM-DD format.",
@@ -38,17 +39,17 @@ const BillingDateProvider = ({ children }) => {
     getLastCompleteBillingDate();
   }, [client]);
   if (error) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (!lastCompleteBillingDate) return null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     BillingDateContext.Provider,
     {
       value: {
         lastCompleteBillingDate
-      }
-    },
-    children
+      },
+      children
+    }
   );
 };
 function useLastCompleteBillingDate() {