@kartverket/backstage-plugin-risk-scorecard 3.1.2 → 3.1.3

package/dist/components/riScDialog/ConfigRiscInfo.esm.js

@@ -29,14 +29,14 @@ function ConfigRiscInfo({
         ...register("content.title", { required: true }),
         error: errors?.content?.title !== void 0,
         label: t("dictionary.title"),
-        minRows: 4
+        minRows: 4,
+        helperText: errors?.content?.title && t("rosDialog.titleError")
       }
     ),
     /* @__PURE__ */ jsx(
       MarkdownInput,
       {
-        required: true,
-        ...register("content.scope", { required: true }),
+        ...register("content.scope"),
         value: currentScope,
         label: t("dictionary.scope"),
         sublabel: t("rosDialog.scopeDescription"),

package/dist/components/riScDialog/ConfigRiscInfo.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigRiscInfo.esm.js","sources":["../../../src/components/riScDialog/ConfigRiscInfo.tsx"],"sourcesContent":["import { MarkdownInput } from '../common/MarkdownInput';\nimport { Input } from '../common/Input';\nimport {\n  UseFormRegister,\n  UseFormSetValue,\n  UseFormWatch,\n} from 'react-hook-form/dist/types/form';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { CreateRiScFrom, RiScDialogStates } from './RiScDialog';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport { DialogContentText } from '@mui/material';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\n\ninterface ConfigRiscInfoProps {\n  dialogState: RiScDialogStates;\n  createRiScFrom: CreateRiScFrom;\n  handleChangeCreateRiScFrom: () => void;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  watch: UseFormWatch<RiScWithMetadata>;\n}\n\nfunction ConfigRiscInfo({\n  dialogState,\n  createRiScFrom,\n  handleChangeCreateRiScFrom,\n  register,\n  errors,\n  setValue,\n  watch,\n}: ConfigRiscInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const currentScope = watch('content.scope');\n\n  return (\n    <>\n      <Input\n        required\n        {...register('content.title', { required: true })}\n        error={errors?.content?.title !== undefined}\n        label={t('dictionary.title')}\n        minRows={4}\n      />\n      <MarkdownInput\n        required\n        {...register('content.scope', { required: true })}\n        value={currentScope}\n        label={t('dictionary.scope')}\n        sublabel={t('rosDialog.scopeDescription')}\n        error={errors?.content?.scope !== undefined}\n        minRows={8}\n        onMarkdownChange={value => setValue('content.scope', value)}\n      />\n\n      {dialogState === RiScDialogStates.Create && (\n        <div>\n          <DialogContentText>\n            {t('rosDialog.generateInitialDescription')}\n          </DialogContentText>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: 4,\n            }}\n          >\n            <Typography\n              sx={{\n                fontWeight: 'bold',\n              }}\n            >\n              {t('rosDialog.generateInitialToggleDescription')}\n            </Typography>\n            <FormControlLabel\n              control={<Switch onChange={handleChangeCreateRiScFrom} />}\n              label={\n                createRiScFrom === CreateRiScFrom.Scratch\n                  ? t('dictionary.no')\n                  : t('dictionary.yes')\n              }\n            />\n          </Box>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ConfigRiscInfo;\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,SAAS,cAAe,CAAA;AAAA,EACtB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAwB,EAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,YAAA,GAAe,MAAM,eAAe,CAAA;AAE1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,OAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAO,EAAA,YAAA;AAAA,QACP,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,QAAA,EAAU,EAAE,4BAA4B,CAAA;AAAA,QACxC,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,OAAS,EAAA,CAAA;AAAA,QACT,gBAAkB,EAAA,CAAA,KAAA,KAAS,QAAS,CAAA,eAAA,EAAiB,KAAK;AAAA;AAAA,KAC5D;AAAA,IAEC,WAAgB,KAAA,gBAAA,CAAiB,MAChC,oBAAA,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,iBAAA,EAAA,EACE,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA,CAAA;AAAA,sBACA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,UAAY,EAAA,QAAA;AAAA,YACZ,GAAK,EAAA;AAAA,WACP;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,UAAY,EAAA;AAAA,iBACd;AAAA,gBAEC,YAAE,4CAA4C;AAAA;AAAA,aACjD;AAAA,4BACA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OAAS,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAU,0BAA4B,EAAA,CAAA;AAAA,gBACvD,KAAA,EACE,mBAAmB,cAAe,CAAA,OAAA,GAC9B,EAAE,eAAe,CAAA,GACjB,EAAE,gBAAgB;AAAA;AAAA;AAE1B;AAAA;AAAA;AACF,KACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConfigRiscInfo.esm.js","sources":["../../../src/components/riScDialog/ConfigRiscInfo.tsx"],"sourcesContent":["import { MarkdownInput } from '../common/MarkdownInput';\nimport { Input } from '../common/Input';\nimport {\n  UseFormRegister,\n  UseFormSetValue,\n  UseFormWatch,\n} from 'react-hook-form/dist/types/form';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { CreateRiScFrom, RiScDialogStates } from './RiScDialog';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport { DialogContentText } from '@mui/material';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\n\ninterface ConfigRiscInfoProps {\n  dialogState: RiScDialogStates;\n  createRiScFrom: CreateRiScFrom;\n  handleChangeCreateRiScFrom: () => void;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  watch: UseFormWatch<RiScWithMetadata>;\n}\n\nfunction ConfigRiscInfo({\n  dialogState,\n  createRiScFrom,\n  handleChangeCreateRiScFrom,\n  register,\n  errors,\n  setValue,\n  watch,\n}: ConfigRiscInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const currentScope = watch('content.scope');\n\n  return (\n    <>\n      <Input\n        required\n        {...register('content.title', { required: true })}\n        error={errors?.content?.title !== undefined}\n        label={t('dictionary.title')}\n        minRows={4}\n        helperText={errors?.content?.title && t('rosDialog.titleError')}\n      />\n      <MarkdownInput\n        {...register('content.scope')}\n        value={currentScope}\n        label={t('dictionary.scope')}\n        sublabel={t('rosDialog.scopeDescription')}\n        error={errors?.content?.scope !== undefined}\n        minRows={8}\n        onMarkdownChange={value => setValue('content.scope', value)}\n      />\n\n      {dialogState === RiScDialogStates.Create && (\n        <div>\n          <DialogContentText>\n            {t('rosDialog.generateInitialDescription')}\n          </DialogContentText>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: 4,\n            }}\n          >\n            <Typography\n              sx={{\n                fontWeight: 'bold',\n              }}\n            >\n              {t('rosDialog.generateInitialToggleDescription')}\n            </Typography>\n            <FormControlLabel\n              control={<Switch onChange={handleChangeCreateRiScFrom} />}\n              label={\n                createRiScFrom === CreateRiScFrom.Scratch\n                  ? t('dictionary.no')\n                  : t('dictionary.yes')\n              }\n            />\n          </Box>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ConfigRiscInfo;\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,SAAS,cAAe,CAAA;AAAA,EACtB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAwB,EAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,YAAA,GAAe,MAAM,eAAe,CAAA;AAE1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,OAAS,EAAA,CAAA;AAAA,QACT,UAAY,EAAA,MAAA,EAAQ,OAAS,EAAA,KAAA,IAAS,EAAE,sBAAsB;AAAA;AAAA,KAChE;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAS,eAAe,CAAA;AAAA,QAC5B,KAAO,EAAA,YAAA;AAAA,QACP,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,QAAA,EAAU,EAAE,4BAA4B,CAAA;AAAA,QACxC,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,OAAS,EAAA,CAAA;AAAA,QACT,gBAAkB,EAAA,CAAA,KAAA,KAAS,QAAS,CAAA,eAAA,EAAiB,KAAK;AAAA;AAAA,KAC5D;AAAA,IAEC,WAAgB,KAAA,gBAAA,CAAiB,MAChC,oBAAA,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,iBAAA,EAAA,EACE,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA,CAAA;AAAA,sBACA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,UAAY,EAAA,QAAA;AAAA,YACZ,GAAK,EAAA;AAAA,WACP;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,UAAY,EAAA;AAAA,iBACd;AAAA,gBAEC,YAAE,4CAA4C;AAAA;AAAA,aACjD;AAAA,4BACA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OAAS,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAU,0BAA4B,EAAA,CAAA;AAAA,gBACvD,KAAA,EACE,mBAAmB,cAAe,CAAA,OAAA,GAC9B,EAAE,eAAe,CAAA,GACjB,EAAE,gBAAgB;AAAA;AAAA;AAE1B;AAAA;AAAA;AACF,KACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/MigrationDialog.esm.js

@@ -65,6 +65,7 @@ const RiScMigrationDialog = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxs(DialogActions, { sx: dialogActions, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -73,8 +74,7 @@ const RiScMigrationDialog = ({
           disabled: !saveMigration,
           children: t("dictionary.confirm")
         }
-      ),
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") })
+      )
     ] })
   ] });
 };

package/dist/components/riScInfo/MigrationDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationVersions } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { URLS } from '../../urls';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href={URLS.external.github_com__kartverket_changelog}\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAA4D,KAAA;AAC1D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAiB,gBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAGvC,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,uBAAuB,CAAE,EAAA,CAAA;AAAA,yBACxC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,MAAO,EAAA,EAC9B,+BAAC,UACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,6BAA6B,CAAA;AAAA,QAC/B,iBAAmB,EAAA,SAAA;AAAA,QAAU,GAAA;AAAA,QAAE,EAAE,8BAA8B,CAAA;AAAA,QAAG,GAAA;AAAA,QAClE,iBAAmB,EAAA,WAAA;AAAA,QACnB,EAAE,8BAA8B,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,QAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YACP,IAAA,EAAM,KAAK,QAAS,CAAA,gCAAA;AAAA,YAEnB,YAAE,2BAA2B;AAAA;AAAA,SAChC;AAAA,QAAQ,GAAA;AAAA,QACP,EAAE,8BAA8B;AAAA,OAAA,EACnC,CACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,aAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAE5C,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,OAAS,EAAA,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA,OACzB;AAAA,sBACA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationVersions } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { URLS } from '../../urls';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href={URLS.external.github_com__kartverket_changelog}\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAA4D,KAAA;AAC1D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAiB,gBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAGvC,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,uBAAuB,CAAE,EAAA,CAAA;AAAA,yBACxC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,MAAO,EAAA,EAC9B,+BAAC,UACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,6BAA6B,CAAA;AAAA,QAC/B,iBAAmB,EAAA,SAAA;AAAA,QAAU,GAAA;AAAA,QAAE,EAAE,8BAA8B,CAAA;AAAA,QAAG,GAAA;AAAA,QAClE,iBAAmB,EAAA,WAAA;AAAA,QACnB,EAAE,8BAA8B,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,QAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YACP,IAAA,EAAM,KAAK,QAAS,CAAA,gCAAA;AAAA,YAEnB,YAAE,2BAA2B;AAAA;AAAA,SAChC;AAAA,QAAQ,GAAA;AAAA,QACP,EAAE,8BAA8B;AAAA,OAAA,EACnC,CACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,aAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAE5C,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,OAAS,EAAA,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/PublishDialog.esm.js

@@ -44,6 +44,7 @@ const RiScPublishDialog = ({
       ) })
     ] }) }),
     /* @__PURE__ */ jsxs(DialogActions, { sx: dialogActions, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -53,8 +54,7 @@ const RiScPublishDialog = ({
           disabled: !riskOwnerApproves,
           children: t("dictionary.confirm")
         }
-      ),
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") })
+      )
     ] })
   ] });
 };

package/dist/components/riScInfo/PublishDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <>\n          <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={t('publishDialog.checkboxLabel')}\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0D,KAAA;AACxD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAqB,oBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAG3C,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,qBAAqB,CAAE,EAAA,CAAA;AAAA,oBACvC,GAAA,CAAC,iBACC,QACE,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBAAqB,oBAA4C,EAAA,CAAA;AAAA,sBACjE,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAS,EAAA,iBAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,6BAA6B;AAAA;AAAA,OAE1C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA,OACzB;AAAA,sBACA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <>\n          <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={t('publishDialog.checkboxLabel')}\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0D,KAAA;AACxD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAqB,oBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAG3C,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,qBAAqB,CAAE,EAAA,CAAA;AAAA,oBACvC,GAAA,CAAC,iBACC,QACE,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBAAqB,oBAA4C,EAAA,CAAA;AAAA,sBACjE,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAS,EAAA,iBAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,6BAA6B;AAAA;AAAA,OAE1C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/scenarioDrawer/ScenarioDrawer.esm.js

@@ -195,8 +195,8 @@ function ScenarioDrawer() {
         /* @__PURE__ */ jsx(
           DeleteConfirmation,
           {
-            deleteConfirmationIsOpen,
-            setDeleteConfirmationIsOpen
+            isOpen: deleteConfirmationIsOpen,
+            setIsOpen: setDeleteConfirmationIsOpen
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/components/scenarioDrawer/ScenarioDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScenarioDrawer.esm.js","sources":["../../../src/components/scenarioDrawer/ScenarioDrawer.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport { RiskSection } from './components/RiskSection';\nimport { ActionsSection } from './components/ActionsSection';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { DeleteConfirmation } from './components/DeleteConfirmation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { ScopeSection } from './components/ScopeSection';\nimport { useForm } from 'react-hook-form';\nimport { FormScenario, ProcessingStatus } from '../../utils/types';\nimport RiskFormSection from './components/RiskFormSection';\nimport ScopeFormSection from './components/ScopeFormSection';\nimport Drawer from '@mui/material/Drawer';\nimport Button from '@mui/material/Button';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Alert from '@mui/material/Alert';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport Typography from '@mui/material/Typography';\nimport { MatrixDialog } from '../riScDialog/MatrixDialog';\nimport { CloseConfirmation } from '../scenarioWizard/components/CloseConfirmation';\n\nexport function ScenarioDrawer() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [isEditing, setIsEditing] = useState(false);\n  const {\n    scenario,\n    isDrawerOpen,\n    closeScenarioForm,\n    submitEditedScenarioToRiSc,\n    mapScenarioToFormScenario,\n    mapFormScenarioToScenario,\n    collapseAllActions,\n  } = useScenario();\n\n  const [deleteConfirmationIsOpen, setDeleteConfirmationIsOpen] =\n    useState(false);\n\n  const [showCloseConfirmation, setShowCloseConfirmation] = useState(false);\n\n  const [isMatrixDialogOpen, setIsMatrixDialogOpen] = useState<boolean>(false);\n\n  const { updateStatus, response } = useRiScs();\n\n  // Used to scroll to the bottom of the drawer when the user deletes a scenario\n  // via the quick edit and DeleteConfirmation\n  const deleteScenarioRef = useRef<HTMLDivElement>(null);\n\n  const formMethods = useForm<FormScenario>({\n    defaultValues: mapScenarioToFormScenario(scenario),\n    mode: 'onBlur',\n  });\n\n  function onCancel() {\n    formMethods.reset(mapScenarioToFormScenario(scenario));\n    setIsEditing(false);\n  }\n\n  function handleClose() {\n    closeScenarioForm();\n    setIsEditing(false);\n    setShowCloseConfirmation(false);\n    collapseAllActions();\n  }\n\n  function onClose() {\n    if (formMethods.formState.isDirty) {\n      setShowCloseConfirmation(true);\n    } else {\n      closeScenarioForm();\n      setIsEditing(false);\n      collapseAllActions();\n    }\n  }\n\n  const onSubmit = formMethods.handleSubmit((data: FormScenario) => {\n    submitEditedScenarioToRiSc(mapFormScenarioToScenario(data), () =>\n      setIsEditing(false),\n    );\n  });\n\n  function onSubmitAndCloseDialog() {\n    onSubmit();\n    setShowCloseConfirmation(false);\n\n    if (deleteScenarioRef.current) {\n      deleteScenarioRef.current.scrollIntoView({ behavior: 'smooth' });\n    }\n  }\n\n  useEffect(() => {\n    formMethods.reset(mapScenarioToFormScenario(scenario));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scenario]);\n\n  return (\n    <Drawer\n      PaperProps={{\n        sx: theme => ({\n          padding: theme.spacing(4),\n          width: '50%',\n          gap: theme.spacing(3),\n          [theme.breakpoints.down('sm')]: {\n            width: '90%',\n            padding: theme.spacing(2),\n          },\n          backgroundColor:\n            theme.palette.mode === 'dark' ? '#333333' : '#f8f8f8',\n        }),\n      }}\n      variant=\"temporary\"\n      anchor=\"right\"\n      open={isDrawerOpen}\n      onClose={onClose}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '16px',\n          marginLeft: 'auto',\n        }}\n      >\n        {!isEditing && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setIsEditing(true)}\n          >\n            {t('dictionary.edit')}\n          </Button>\n        )}\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={isEditing ? onCancel : onClose}\n        >\n          {t(isEditing ? 'dictionary.cancel' : 'dictionary.close')}\n        </Button>\n      </Box>\n\n      {isEditing ? (\n        <>\n          <ScopeFormSection formMethods={formMethods} />\n          <RiskFormSection\n            formMethods={formMethods}\n            setIsMatrixDialogOpen={setIsMatrixDialogOpen}\n          />\n        </>\n      ) : (\n        <>\n          <ScopeSection />\n          <RiskSection />\n        </>\n      )}\n      <ActionsSection\n        formMethods={formMethods}\n        isEditing={isEditing}\n        onSubmit={onSubmit}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '16px',\n        }}\n      >\n        {isEditing && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={onSubmit}\n            disabled={!formMethods.formState.isDirty || updateStatus.isLoading}\n          >\n            {t('dictionary.save')}\n            {updateStatus.isLoading && (\n              <CircularProgress\n                size={16}\n                sx={{ marginLeft: 1, color: 'inherit' }}\n              />\n            )}\n          </Button>\n        )}\n        <div ref={deleteScenarioRef}>\n          <Button\n            startIcon={<DeleteIcon />}\n            variant=\"text\"\n            color=\"primary\"\n            onClick={() => setDeleteConfirmationIsOpen(true)}\n            sx={{ marginLeft: 'auto' }}\n          >\n            {t('scenarioDrawer.deleteScenarioButton')}\n          </Button>\n        </div>\n      </Box>\n\n      {response &&\n        response.status !== ProcessingStatus.ErrorWhenFetchingRiScs && (\n          <Alert severity={getAlertSeverity(updateStatus)}>\n            <Typography>{response.statusMessage}</Typography>\n          </Alert>\n        )}\n\n      <DeleteConfirmation\n        deleteConfirmationIsOpen={deleteConfirmationIsOpen}\n        setDeleteConfirmationIsOpen={setDeleteConfirmationIsOpen}\n      />\n      <MatrixDialog\n        open={isMatrixDialogOpen}\n        close={() => setIsMatrixDialogOpen(false)}\n      />\n      <CloseConfirmation\n        isOpen={showCloseConfirmation}\n        close={handleClose}\n        save={onSubmitAndCloseDialog}\n      />\n    </Drawer>\n  );\n}\n"],"names":["RiskFormSection"],"mappings":"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"}
+{"version":3,"file":"ScenarioDrawer.esm.js","sources":["../../../src/components/scenarioDrawer/ScenarioDrawer.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport { RiskSection } from './components/RiskSection';\nimport { ActionsSection } from './components/ActionsSection';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { DeleteConfirmation } from './components/DeleteConfirmation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { ScopeSection } from './components/ScopeSection';\nimport { useForm } from 'react-hook-form';\nimport { FormScenario, ProcessingStatus } from '../../utils/types';\nimport RiskFormSection from './components/RiskFormSection';\nimport ScopeFormSection from './components/ScopeFormSection';\nimport Drawer from '@mui/material/Drawer';\nimport Button from '@mui/material/Button';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Alert from '@mui/material/Alert';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport Typography from '@mui/material/Typography';\nimport { MatrixDialog } from '../riScDialog/MatrixDialog';\nimport { CloseConfirmation } from '../scenarioWizard/components/CloseConfirmation';\n\nexport function ScenarioDrawer() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [isEditing, setIsEditing] = useState(false);\n  const {\n    scenario,\n    isDrawerOpen,\n    closeScenarioForm,\n    submitEditedScenarioToRiSc,\n    mapScenarioToFormScenario,\n    mapFormScenarioToScenario,\n    collapseAllActions,\n  } = useScenario();\n\n  const [deleteConfirmationIsOpen, setDeleteConfirmationIsOpen] =\n    useState(false);\n\n  const [showCloseConfirmation, setShowCloseConfirmation] = useState(false);\n\n  const [isMatrixDialogOpen, setIsMatrixDialogOpen] = useState<boolean>(false);\n\n  const { updateStatus, response } = useRiScs();\n\n  // Used to scroll to the bottom of the drawer when the user deletes a scenario\n  // via the quick edit and DeleteConfirmation\n  const deleteScenarioRef = useRef<HTMLDivElement>(null);\n\n  const formMethods = useForm<FormScenario>({\n    defaultValues: mapScenarioToFormScenario(scenario),\n    mode: 'onBlur',\n  });\n\n  function onCancel() {\n    formMethods.reset(mapScenarioToFormScenario(scenario));\n    setIsEditing(false);\n  }\n\n  function handleClose() {\n    closeScenarioForm();\n    setIsEditing(false);\n    setShowCloseConfirmation(false);\n    collapseAllActions();\n  }\n\n  function onClose() {\n    if (formMethods.formState.isDirty) {\n      setShowCloseConfirmation(true);\n    } else {\n      closeScenarioForm();\n      setIsEditing(false);\n      collapseAllActions();\n    }\n  }\n\n  const onSubmit = formMethods.handleSubmit((data: FormScenario) => {\n    submitEditedScenarioToRiSc(mapFormScenarioToScenario(data), () =>\n      setIsEditing(false),\n    );\n  });\n\n  function onSubmitAndCloseDialog() {\n    onSubmit();\n    setShowCloseConfirmation(false);\n\n    if (deleteScenarioRef.current) {\n      deleteScenarioRef.current.scrollIntoView({ behavior: 'smooth' });\n    }\n  }\n\n  useEffect(() => {\n    formMethods.reset(mapScenarioToFormScenario(scenario));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scenario]);\n\n  return (\n    <Drawer\n      PaperProps={{\n        sx: theme => ({\n          padding: theme.spacing(4),\n          width: '50%',\n          gap: theme.spacing(3),\n          [theme.breakpoints.down('sm')]: {\n            width: '90%',\n            padding: theme.spacing(2),\n          },\n          backgroundColor:\n            theme.palette.mode === 'dark' ? '#333333' : '#f8f8f8',\n        }),\n      }}\n      variant=\"temporary\"\n      anchor=\"right\"\n      open={isDrawerOpen}\n      onClose={onClose}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '16px',\n          marginLeft: 'auto',\n        }}\n      >\n        {!isEditing && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setIsEditing(true)}\n          >\n            {t('dictionary.edit')}\n          </Button>\n        )}\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          onClick={isEditing ? onCancel : onClose}\n        >\n          {t(isEditing ? 'dictionary.cancel' : 'dictionary.close')}\n        </Button>\n      </Box>\n\n      {isEditing ? (\n        <>\n          <ScopeFormSection formMethods={formMethods} />\n          <RiskFormSection\n            formMethods={formMethods}\n            setIsMatrixDialogOpen={setIsMatrixDialogOpen}\n          />\n        </>\n      ) : (\n        <>\n          <ScopeSection />\n          <RiskSection />\n        </>\n      )}\n      <ActionsSection\n        formMethods={formMethods}\n        isEditing={isEditing}\n        onSubmit={onSubmit}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '16px',\n        }}\n      >\n        {isEditing && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={onSubmit}\n            disabled={!formMethods.formState.isDirty || updateStatus.isLoading}\n          >\n            {t('dictionary.save')}\n            {updateStatus.isLoading && (\n              <CircularProgress\n                size={16}\n                sx={{ marginLeft: 1, color: 'inherit' }}\n              />\n            )}\n          </Button>\n        )}\n        <div ref={deleteScenarioRef}>\n          <Button\n            startIcon={<DeleteIcon />}\n            variant=\"text\"\n            color=\"primary\"\n            onClick={() => setDeleteConfirmationIsOpen(true)}\n            sx={{ marginLeft: 'auto' }}\n          >\n            {t('scenarioDrawer.deleteScenarioButton')}\n          </Button>\n        </div>\n      </Box>\n\n      {response &&\n        response.status !== ProcessingStatus.ErrorWhenFetchingRiScs && (\n          <Alert severity={getAlertSeverity(updateStatus)}>\n            <Typography>{response.statusMessage}</Typography>\n          </Alert>\n        )}\n\n      <DeleteConfirmation\n        isOpen={deleteConfirmationIsOpen}\n        setIsOpen={setDeleteConfirmationIsOpen}\n      />\n      <MatrixDialog\n        open={isMatrixDialogOpen}\n        close={() => setIsMatrixDialogOpen(false)}\n      />\n      <CloseConfirmation\n        isOpen={showCloseConfirmation}\n        close={handleClose}\n        save={onSubmitAndCloseDialog}\n      />\n    </Drawer>\n  );\n}\n"],"names":["RiskFormSection"],"mappings":"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"}

package/dist/components/scenarioDrawer/components/ActionBox.esm.js

@@ -1,27 +1,28 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import Chip from '@mui/material/Chip';
+import { ExpandLess, ExpandMore, Edit } from '@mui/icons-material';
+import DeleteIcon from '@mui/icons-material/Delete';
 import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import { label, body2, emptyState } from '../../common/typography.esm.js';
+import Button from '@mui/material/Button';
+import Chip from '@mui/material/Chip';
+import CircularProgress from '@mui/material/CircularProgress';
 import Collapse from '@mui/material/Collapse';
-import { ExpandLess, ExpandMore, Edit } from '@mui/icons-material';
-import Link from '@mui/material/Link';
 import IconButton from '@mui/material/IconButton';
-import { ActionFormItem } from './ActionFormItem.esm.js';
-import Button from '@mui/material/Button';
-import { useScenario } from '../../../contexts/ScenarioContext.esm.js';
-import { useRiScs } from '../../../contexts/RiScContext.esm.js';
+import Link from '@mui/material/Link';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
-import { actionStatusOptions } from '../../../utils/constants.esm.js';
+import Typography from '@mui/material/Typography';
+import { useState, useEffect } from 'react';
+import { useRiScs } from '../../../contexts/RiScContext.esm.js';
+import { useScenario } from '../../../contexts/ScenarioContext.esm.js';
+import { ActionStatusOptions } from '../../../utils/constants.esm.js';
 import { useIsMounted } from '../../../utils/hooks.esm.js';
-import CircularProgress from '@mui/material/CircularProgress';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { deleteAction } from '../../../utils/utilityfunctions.esm.js';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+import { actionStatusOptionsToTranslationKeys, deleteAction } from '../../../utils/utilityfunctions.esm.js';
 import { Markdown } from '../../common/Markdown.esm.js';
+import { label, body2, emptyState } from '../../common/typography.esm.js';
+import { ActionFormItem } from './ActionFormItem.esm.js';
+import { DeleteActionConfirmation } from './DeleteConfirmation.esm.js';
 
 function ActionBox({
   action,
@@ -34,18 +35,24 @@ function ActionBox({
   const { isActionExpanded, toggleActionExpanded } = useScenario();
   const isExpanded = isActionExpanded(action.ID);
   const [isEditing, setIsEditing] = useState(false);
+  const [deleteActionConfirmationIsOpen, setDeleteActionConfirmationIsOpen] = useState(false);
   const { updateStatus } = useRiScs();
   const { submitEditedScenarioToRiSc, mapFormScenarioToScenario, scenario } = useScenario();
   const isActionTitlePresent = action.title !== null && action.title !== "";
-  const translatedActionStatus = t(`actionStatus.${action.status}`);
-  const translatedActionStatuses = actionStatusOptions.map((actionStatus) => ({
-    value: actionStatus,
-    /* @ts-ignore Because ts can't typecheck strings against our keys */
-    renderedValue: t(`actionStatus.${actionStatus}`)
-  }));
+  const translatedActionStatus = t(
+    actionStatusOptionsToTranslationKeys[action.status]
+  );
   const isMounted = useIsMounted();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
+  function handleDeleteAction() {
+    setDeleteActionConfirmationIsOpen(true);
+  }
+  function confirmDeleteAction() {
+    remove(index);
+    deleteAction(remove, index, onSubmit);
+    setDeleteActionConfirmationIsOpen(false);
+  }
   function handleChipClick(event) {
     setAnchorEl(event.currentTarget);
   }
@@ -72,7 +79,7 @@ function ActionBox({
         {
           formMethods,
           index,
-          handleDelete: () => deleteAction(remove, index, onSubmit),
+          handleDelete: handleDeleteAction,
           showTitleNumber: false,
           remove
         }
@@ -150,7 +157,7 @@ function ActionBox({
           label: translatedActionStatus,
           sx: {
             margin: 0,
-            backgroundColor: action.status === "Completed" ? { backgroundColor: "#6BC6A4" } : void 0
+            backgroundColor: action.status === ActionStatusOptions.Completed ? { backgroundColor: "#6BC6A4" } : void 0
           },
           onClick: handleChipClick
         }
@@ -162,25 +169,16 @@ function ActionBox({
           open,
           onClose: handleMenuClose,
           onClick: handleMenuClose,
-          children: translatedActionStatuses.map((option) => /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              onClick: () => handleStatusChange(option.value),
-              children: option.renderedValue
-            },
-            option.value
-          ))
+          children: Object.values(ActionStatusOptions).map((value) => /* @__PURE__ */ jsx(MenuItem, {
+            onClick: () => handleStatusChange(value),
+            /* @ts-ignore Because ts can't typecheck strings against our keys */
+            children: t(
+              actionStatusOptionsToTranslationKeys[value]
+            )
+          }, value))
         }
       ),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          onClick: () => {
-            deleteAction(remove, index, onSubmit);
-          },
-          children: /* @__PURE__ */ jsx(DeleteIcon, {})
-        }
-      )
+      /* @__PURE__ */ jsx(IconButton, { onClick: handleDeleteAction, children: /* @__PURE__ */ jsx(DeleteIcon, {}) })
     ] }),
     /* @__PURE__ */ jsxs(Collapse, { in: isExpanded, children: [
       /* @__PURE__ */ jsx(Typography, { sx: { ...label, marginTop: 1 }, children: t("dictionary.description") }),
@@ -214,7 +212,15 @@ function ActionBox({
           ] })
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DeleteActionConfirmation,
+      {
+        isOpen: deleteActionConfirmationIsOpen,
+        setIsOpen: setDeleteActionConfirmationIsOpen,
+        onConfirm: confirmDeleteAction
+      }
+    )
   ] });
 }
 

package/dist/components/scenarioDrawer/components/ActionBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBox.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionBox.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Action, FormScenario } from '../../../utils/types';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Chip from '@mui/material/Chip';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { body2, emptyState, label } from '../../common/typography';\nimport Collapse from '@mui/material/Collapse';\nimport { ExpandLess, ExpandMore, Edit } from '@mui/icons-material';\nimport Link from '@mui/material/Link';\nimport IconButton from '@mui/material/IconButton';\nimport { UseFieldArrayRemove, UseFormReturn } from 'react-hook-form';\nimport { ActionFormItem } from './ActionFormItem';\nimport Button from '@mui/material/Button';\nimport { useScenario } from '../../../contexts/ScenarioContext';\nimport { useRiScs } from '../../../contexts/RiScContext';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport { actionStatusOptions } from '../../../utils/constants';\nimport { useIsMounted } from '../../../utils/hooks';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { deleteAction } from '../../../utils/utilityfunctions';\nimport { Markdown } from '../../common/Markdown';\n\ninterface ActionBoxProps {\n  action: Action;\n  index: number;\n  formMethods: UseFormReturn<FormScenario>;\n  remove: UseFieldArrayRemove;\n  onSubmit: () => void;\n}\n\nexport function ActionBox({\n  action,\n  index,\n  formMethods,\n  remove,\n  onSubmit,\n}: ActionBoxProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { isActionExpanded, toggleActionExpanded } = useScenario();\n\n  const isExpanded = isActionExpanded(action.ID);\n\n  const [isEditing, setIsEditing] = useState<boolean>(false);\n\n  const { updateStatus } = useRiScs();\n\n  const { submitEditedScenarioToRiSc, mapFormScenarioToScenario, scenario } =\n    useScenario();\n\n  const isActionTitlePresent = action.title !== null && action.title !== '';\n\n  /* @ts-ignore Because ts can't typecheck strings against our keys */\n  const translatedActionStatus = t(`actionStatus.${action.status}`);\n\n  const translatedActionStatuses = actionStatusOptions.map(actionStatus => ({\n    value: actionStatus,\n    /* @ts-ignore Because ts can't typecheck strings against our keys */\n    renderedValue: t(`actionStatus.${actionStatus}`),\n  }));\n\n  const isMounted = useIsMounted();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  function handleChipClick(event: React.MouseEvent<HTMLElement>) {\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setAnchorEl(null);\n  }\n\n  async function handleStatusChange(newStatus: string) {\n    const updatedScenario = {\n      ...scenario,\n      actions: scenario.actions.map(a =>\n        a.ID === action.ID ? { ...a, status: newStatus } : a,\n      ),\n    };\n\n    await submitEditedScenarioToRiSc(updatedScenario);\n\n    if (isMounted()) {\n      handleMenuClose();\n    }\n  }\n\n  useEffect(() => () => setAnchorEl(null), []);\n\n  if (isEditing) {\n    return (\n      <>\n        <ActionFormItem\n          formMethods={formMethods}\n          index={index}\n          handleDelete={() => deleteAction(remove, index, onSubmit)}\n          showTitleNumber={false}\n          remove={remove}\n        />\n        <Box display=\"flex\" gap={1}>\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={formMethods.handleSubmit((data: FormScenario) => {\n              submitEditedScenarioToRiSc(mapFormScenarioToScenario(data));\n            })}\n            disabled={!formMethods.formState.isDirty || updateStatus.isLoading}\n          >\n            {t('dictionary.save')}\n            {updateStatus.isLoading && (\n              <CircularProgress\n                size={16}\n                sx={{ marginLeft: 8, color: 'inherit' }}\n              />\n            )}\n          </Button>\n\n          <Button onClick={() => setIsEditing(false)}>\n            {t('dictionary.cancel')}\n          </Button>\n        </Box>\n      </>\n    );\n  }\n\n  return (\n    <Box>\n      <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            cursor: 'pointer',\n            width: '100%',\n          }}\n          onClick={() => toggleActionExpanded(action.ID)}\n        >\n          <IconButton>\n            {isExpanded ? <ExpandLess /> : <ExpandMore />}\n          </IconButton>\n          <Typography\n            sx={{\n              fontSize: '16px',\n              fontWeight: 500,\n            }}\n          >\n            {isActionTitlePresent\n              ? action.title\n              : `${t('dictionary.measure')} ${index + 1}`}\n          </Typography>\n        </Box>\n        <IconButton\n          disabled={isExpanded ? false : true}\n          sx={{\n            marginLeft: 'auto',\n            opacity: isExpanded ? 1 : 0,\n            transition: 'opacity 300ms ease-in',\n          }}\n          onClick={() => setIsEditing(!isEditing)}\n        >\n          <Edit />\n        </IconButton>\n        <Chip\n          label={translatedActionStatus}\n          sx={{\n            margin: 0,\n            backgroundColor:\n              action.status === 'Completed'\n                ? { backgroundColor: '#6BC6A4' }\n                : undefined,\n          }}\n          onClick={handleChipClick}\n        />\n        <Menu\n          anchorEl={anchorEl}\n          open={open}\n          onClose={handleMenuClose}\n          onClick={handleMenuClose}\n        >\n          {translatedActionStatuses.map(option => (\n            <MenuItem\n              key={option.value}\n              onClick={() => handleStatusChange(option.value)}\n            >\n              {option.renderedValue}\n            </MenuItem>\n          ))}\n        </Menu>\n        <IconButton\n          onClick={() => {\n            deleteAction(remove, index, onSubmit);\n          }}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n      <Collapse in={isExpanded}>\n        <Typography sx={{ ...label, marginTop: 1 }}>\n          {t('dictionary.description')}\n        </Typography>\n        <Markdown description={action.description} />\n\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'end',\n            marginTop: '16px',\n          }}\n        >\n          <Box>\n            <Typography sx={label}>{t('dictionary.url')}</Typography>\n            {action.url ? (\n              <Link\n                sx={{\n                  ...body2,\n                  wordBreak: 'break-all',\n                }}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                href={\n                  action.url.startsWith('http') ? action.url : `//${action.url}`\n                }\n              >\n                {action.url}\n              </Link>\n            ) : (\n              <Typography sx={emptyState}>\n                {t('dictionary.emptyField', {\n                  field: t('dictionary.url').toLowerCase(),\n                })}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      </Collapse>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionBox.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionBox.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Edit, ExpandLess, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport Link from '@mui/material/Link';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport Typography from '@mui/material/Typography';\nimport { useEffect, useState } from 'react';\nimport { UseFieldArrayRemove, UseFormReturn } from 'react-hook-form';\nimport { useRiScs } from '../../../contexts/RiScContext';\nimport { useScenario } from '../../../contexts/ScenarioContext';\nimport { ActionStatusOptions } from '../../../utils/constants';\nimport { useIsMounted } from '../../../utils/hooks';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { Action, FormScenario } from '../../../utils/types';\nimport {\n  actionStatusOptionsToTranslationKeys,\n  deleteAction,\n} from '../../../utils/utilityfunctions';\nimport { Markdown } from '../../common/Markdown';\nimport { body2, emptyState, label } from '../../common/typography';\nimport { ActionFormItem } from './ActionFormItem';\nimport { DeleteActionConfirmation } from './DeleteConfirmation';\n\ninterface ActionBoxProps {\n  action: Action;\n  index: number;\n  formMethods: UseFormReturn<FormScenario>;\n  remove: UseFieldArrayRemove;\n  onSubmit: () => void;\n}\n\nexport function ActionBox({\n  action,\n  index,\n  formMethods,\n  remove,\n  onSubmit,\n}: ActionBoxProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { isActionExpanded, toggleActionExpanded } = useScenario();\n  const isExpanded = isActionExpanded(action.ID);\n\n  const [isEditing, setIsEditing] = useState<boolean>(false);\n  const [deleteActionConfirmationIsOpen, setDeleteActionConfirmationIsOpen] =\n    useState(false);\n\n  const { updateStatus } = useRiScs();\n  const { submitEditedScenarioToRiSc, mapFormScenarioToScenario, scenario } =\n    useScenario();\n\n  const isActionTitlePresent = action.title !== null && action.title !== '';\n\n  /* @ts-ignore Because ts can't typecheck strings against our keys */\n  const translatedActionStatus = t(\n    actionStatusOptionsToTranslationKeys[action.status as ActionStatusOptions],\n  );\n\n  const isMounted = useIsMounted();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  function handleDeleteAction(): void {\n    setDeleteActionConfirmationIsOpen(true);\n  }\n\n  function confirmDeleteAction(): void {\n    remove(index);\n    deleteAction(remove, index, onSubmit);\n    setDeleteActionConfirmationIsOpen(false);\n  }\n\n  function handleChipClick(event: React.MouseEvent<HTMLElement>) {\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setAnchorEl(null);\n  }\n\n  async function handleStatusChange(newStatus: string) {\n    const updatedScenario = {\n      ...scenario,\n      actions: scenario.actions.map(a =>\n        a.ID === action.ID ? { ...a, status: newStatus } : a,\n      ),\n    };\n\n    await submitEditedScenarioToRiSc(updatedScenario);\n\n    if (isMounted()) {\n      handleMenuClose();\n    }\n  }\n\n  useEffect(() => () => setAnchorEl(null), []);\n\n  if (isEditing) {\n    return (\n      <>\n        <ActionFormItem\n          formMethods={formMethods}\n          index={index}\n          handleDelete={handleDeleteAction}\n          showTitleNumber={false}\n          remove={remove}\n        />\n        <Box display=\"flex\" gap={1}>\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={formMethods.handleSubmit((data: FormScenario) => {\n              submitEditedScenarioToRiSc(mapFormScenarioToScenario(data));\n            })}\n            disabled={!formMethods.formState.isDirty || updateStatus.isLoading}\n          >\n            {t('dictionary.save')}\n            {updateStatus.isLoading && (\n              <CircularProgress\n                size={16}\n                sx={{ marginLeft: 8, color: 'inherit' }}\n              />\n            )}\n          </Button>\n\n          <Button onClick={() => setIsEditing(false)}>\n            {t('dictionary.cancel')}\n          </Button>\n        </Box>\n      </>\n    );\n  }\n\n  return (\n    <Box>\n      <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            cursor: 'pointer',\n            width: '100%',\n          }}\n          onClick={() => toggleActionExpanded(action.ID)}\n        >\n          <IconButton>\n            {isExpanded ? <ExpandLess /> : <ExpandMore />}\n          </IconButton>\n          <Typography\n            sx={{\n              fontSize: '16px',\n              fontWeight: 500,\n            }}\n          >\n            {isActionTitlePresent\n              ? action.title\n              : `${t('dictionary.measure')} ${index + 1}`}\n          </Typography>\n        </Box>\n        <IconButton\n          disabled={isExpanded ? false : true}\n          sx={{\n            marginLeft: 'auto',\n            opacity: isExpanded ? 1 : 0,\n            transition: 'opacity 300ms ease-in',\n          }}\n          onClick={() => setIsEditing(!isEditing)}\n        >\n          <Edit />\n        </IconButton>\n        <Chip\n          label={translatedActionStatus}\n          sx={{\n            margin: 0,\n            backgroundColor:\n              action.status === ActionStatusOptions.Completed\n                ? { backgroundColor: '#6BC6A4' }\n                : undefined,\n          }}\n          onClick={handleChipClick}\n        />\n        <Menu\n          anchorEl={anchorEl}\n          open={open}\n          onClose={handleMenuClose}\n          onClick={handleMenuClose}\n        >\n          {Object.values(ActionStatusOptions).map(value => (\n            <MenuItem key={value} onClick={() => handleStatusChange(value)}>\n              {\n                /* @ts-ignore Because ts can't typecheck strings against our keys */\n                t(\n                  actionStatusOptionsToTranslationKeys[\n                    value as ActionStatusOptions\n                  ],\n                )\n              }\n            </MenuItem>\n          ))}\n        </Menu>\n        <IconButton onClick={handleDeleteAction}>\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n      <Collapse in={isExpanded}>\n        <Typography sx={{ ...label, marginTop: 1 }}>\n          {t('dictionary.description')}\n        </Typography>\n        <Markdown description={action.description} />\n\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'end',\n            marginTop: '16px',\n          }}\n        >\n          <Box>\n            <Typography sx={label}>{t('dictionary.url')}</Typography>\n            {action.url ? (\n              <Link\n                sx={{\n                  ...body2,\n                  wordBreak: 'break-all',\n                }}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                href={\n                  action.url.startsWith('http') ? action.url : `//${action.url}`\n                }\n              >\n                {action.url}\n              </Link>\n            ) : (\n              <Typography sx={emptyState}>\n                {t('dictionary.emptyField', {\n                  field: t('dictionary.url').toLowerCase(),\n                })}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      </Collapse>\n\n      <DeleteActionConfirmation\n        isOpen={deleteActionConfirmationIsOpen}\n        setIsOpen={setDeleteActionConfirmationIsOpen}\n        onConfirm={confirmDeleteAction}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/scenarioDrawer/components/ActionFormItem.esm.js

@@ -1,16 +1,17 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import DeleteIcon from '@mui/icons-material/Delete';
 import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
 import IconButton from '@mui/material/IconButton';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
-import { heading3 } from '../../common/typography.esm.js';
+import Typography from '@mui/material/Typography';
 import { Controller } from 'react-hook-form';
-import { actionStatusOptions, urlRegExpPattern } from '../../../utils/constants.esm.js';
-import { Select } from '../../common/Select.esm.js';
+import { ActionStatusOptions, urlRegExpPattern } from '../../../utils/constants.esm.js';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+import { actionStatusOptionsToTranslationKeys } from '../../../utils/utilityfunctions.esm.js';
 import { Input } from '../../common/Input.esm.js';
 import { MarkdownInput } from '../../common/MarkdownInput.esm.js';
+import { Select } from '../../common/Select.esm.js';
+import { heading3 } from '../../common/typography.esm.js';
 
 function ActionFormItem({
   formMethods,
@@ -21,11 +22,13 @@ function ActionFormItem({
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { control, register, formState } = formMethods;
-  const translatedActionStatuses = actionStatusOptions.map((actionStatus) => ({
-    value: actionStatus,
-    /* @ts-ignore Because ts can't typecheck strings against our keys */
-    renderedValue: t(`actionStatus.${actionStatus}`)
-  }));
+  const actionStatusOptions = Object.values(ActionStatusOptions).map(
+    (actionStatus) => ({
+      value: actionStatus,
+      /* @ts-ignore Because ts can't typecheck strings against our keys */
+      renderedValue: t(actionStatusOptionsToTranslationKeys[actionStatus])
+    })
+  );
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     Box,
     {
@@ -66,7 +69,8 @@ function ActionFormItem({
             required: true,
             ...register(`actions.${index}.title`, { required: true }),
             error: formState.errors?.actions?.[index]?.title !== void 0,
-            label: t("dictionary.title")
+            label: t("dictionary.title"),
+            helperText: formState.errors?.actions?.[index]?.title && t("scenarioDrawer.measureTab.addMeasureTitleError")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -116,7 +120,7 @@ function ActionFormItem({
                   control,
                   name: `actions.${index}.status`,
                   label: t("dictionary.status"),
-                  options: translatedActionStatuses
+                  options: actionStatusOptions
                 }
               )
             ]

package/dist/components/scenarioDrawer/components/ActionFormItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionFormItem.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionFormItem.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport IconButton from '@mui/material/IconButton';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { heading3 } from '../../common/typography';\nimport {\n  Controller,\n  UseFieldArrayRemove,\n  UseFormReturn,\n} from 'react-hook-form';\nimport { FormScenario } from '../../../utils/types';\nimport {\n  actionStatusOptions,\n  urlRegExpPattern,\n} from '../../../utils/constants';\nimport { Select } from '../../common/Select';\nimport { Input } from '../../common/Input';\nimport { MarkdownInput } from '../../common/MarkdownInput';\n\ntype ActionFormItemProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  index: number;\n  remove: UseFieldArrayRemove;\n  showTitleNumber?: boolean;\n  handleDelete?: () => void;\n};\n\nexport function ActionFormItem({\n  formMethods,\n  index,\n  remove,\n  showTitleNumber = true,\n  handleDelete,\n}: ActionFormItemProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control, register, formState } = formMethods;\n\n  const translatedActionStatuses = actionStatusOptions.map(actionStatus => ({\n    value: actionStatus,\n    /* @ts-ignore Because ts can't typecheck strings against our keys */\n    renderedValue: t(`actionStatus.${actionStatus}`),\n  }));\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'grid',\n          gap: '24px',\n          padding: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n          }}\n        >\n          {showTitleNumber ? (\n            <Typography sx={heading3}>\n              {t('dictionary.measure')} {index + 1}\n            </Typography>\n          ) : (\n            <Typography sx={heading3}>{t('dictionary.edit')}</Typography>\n          )}\n          <IconButton\n            onClick={() => (handleDelete ? handleDelete() : remove(index))}\n            color=\"primary\"\n          >\n            <DeleteIcon aria-label=\"Delete\" />\n          </IconButton>\n        </Box>\n        <Input\n          required\n          {...register(`actions.${index}.title`, { required: true })}\n          error={formState.errors?.actions?.[index]?.title !== undefined}\n          label={t('dictionary.title')}\n        />\n        <Controller\n          control={control}\n          name={`actions.${index}.description`}\n          render={({ field: { onChange, value }, fieldState: { error } }) => (\n            <MarkdownInput\n              label={t('dictionary.description')}\n              value={value}\n              onMarkdownChange={onChange}\n              error={!!error}\n              minRows={4}\n            />\n          )}\n        />\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: '2fr 1fr',\n            gap: '24px',\n          }}\n        >\n          <Input\n            {...register(`actions.${index}.url`, {\n              pattern: {\n                value: urlRegExpPattern,\n                message: t('scenarioDrawer.action.urlError'),\n              },\n            })}\n            label={t('dictionary.url')}\n            helperText={formState.errors.actions?.[index]?.url?.message}\n            error={!!formState.errors.actions?.[index]?.url?.message}\n          />\n          <Select<FormScenario>\n            required\n            control={control}\n            name={`actions.${index}.status`}\n            label={t('dictionary.status')}\n            options={translatedActionStatuses}\n          />\n        </Box>\n      </Box>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionFormItem.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionFormItem.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport {\n  Controller,\n  UseFieldArrayRemove,\n  UseFormReturn,\n} from 'react-hook-form';\nimport {\n  ActionStatusOptions,\n  urlRegExpPattern,\n} from '../../../utils/constants';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { FormScenario } from '../../../utils/types';\nimport { actionStatusOptionsToTranslationKeys } from '../../../utils/utilityfunctions';\nimport { Input } from '../../common/Input';\nimport { MarkdownInput } from '../../common/MarkdownInput';\nimport { Select } from '../../common/Select';\nimport { heading3 } from '../../common/typography';\n\ntype ActionFormItemProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  index: number;\n  remove: UseFieldArrayRemove;\n  showTitleNumber?: boolean;\n  handleDelete?: () => void;\n};\n\nexport function ActionFormItem({\n  formMethods,\n  index,\n  remove,\n  showTitleNumber = true,\n  handleDelete,\n}: ActionFormItemProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control, register, formState } = formMethods;\n\n  const actionStatusOptions = Object.values(ActionStatusOptions).map(\n    actionStatus => ({\n      value: actionStatus,\n      /* @ts-ignore Because ts can't typecheck strings against our keys */\n      renderedValue: t(actionStatusOptionsToTranslationKeys[actionStatus]),\n    }),\n  );\n\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'grid',\n          gap: '24px',\n          padding: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n          }}\n        >\n          {showTitleNumber ? (\n            <Typography sx={heading3}>\n              {t('dictionary.measure')} {index + 1}\n            </Typography>\n          ) : (\n            <Typography sx={heading3}>{t('dictionary.edit')}</Typography>\n          )}\n          <IconButton\n            onClick={() => (handleDelete ? handleDelete() : remove(index))}\n            color=\"primary\"\n          >\n            <DeleteIcon aria-label=\"Delete\" />\n          </IconButton>\n        </Box>\n        <Input\n          required\n          {...register(`actions.${index}.title`, { required: true })}\n          error={formState.errors?.actions?.[index]?.title !== undefined}\n          label={t('dictionary.title')}\n          helperText={\n            formState.errors?.actions?.[index]?.title &&\n            t('scenarioDrawer.measureTab.addMeasureTitleError')\n          }\n        />\n        <Controller\n          control={control}\n          name={`actions.${index}.description`}\n          render={({ field: { onChange, value }, fieldState: { error } }) => (\n            <MarkdownInput\n              label={t('dictionary.description')}\n              value={value}\n              onMarkdownChange={onChange}\n              error={!!error}\n              minRows={4}\n            />\n          )}\n        />\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: '2fr 1fr',\n            gap: '24px',\n          }}\n        >\n          <Input\n            {...register(`actions.${index}.url`, {\n              pattern: {\n                value: urlRegExpPattern,\n                message: t('scenarioDrawer.action.urlError'),\n              },\n            })}\n            label={t('dictionary.url')}\n            helperText={formState.errors.actions?.[index]?.url?.message}\n            error={!!formState.errors.actions?.[index]?.url?.message}\n          />\n          <Select<FormScenario>\n            required\n            control={control}\n            name={`actions.${index}.status`}\n            label={t('dictionary.status')}\n            options={actionStatusOptions}\n          />\n        </Box>\n      </Box>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/scenarioDrawer/components/ActionsSection.esm.js

@@ -13,6 +13,7 @@ import { useFieldArray } from 'react-hook-form';
 import { ActionFormItem } from './ActionFormItem.esm.js';
 import Button from '@mui/material/Button';
 import { AddCircle } from '@mui/icons-material';
+import Box from '@mui/material/Box';
 
 function ActionsSection({
   formMethods,
@@ -28,7 +29,18 @@ function ActionsSection({
   const currentActions = watch("actions");
   if (isEditing) {
     return /* @__PURE__ */ jsxs(Paper, { sx: section, children: [
-      /* @__PURE__ */ jsx(Typography, { sx: heading3, children: t("dictionary.measure") }),
+      /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ jsx(Typography, { sx: heading3, children: t("dictionary.measure") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            startIcon: /* @__PURE__ */ jsx(AddCircle, {}),
+            color: "primary",
+            onClick: () => append(emptyAction()),
+            children: t("scenarioDrawer.measureTab.addMeasureButton")
+          }
+        )
+      ] }),
       fields.map((field, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Divider, { variant: "fullWidth" }),
         /* @__PURE__ */ jsx(
@@ -40,16 +52,7 @@ function ActionsSection({
           },
           index
         )
-      ] }, field.id)),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          startIcon: /* @__PURE__ */ jsx(AddCircle, {}),
-          color: "primary",
-          onClick: () => append(emptyAction()),
-          children: t("scenarioDrawer.measureTab.addMeasureButton")
-        }
-      )
+      ] }, field.id))
     ] });
   }
   return /* @__PURE__ */ jsxs(Paper, { sx: section, children: [

package/dist/components/scenarioDrawer/components/ActionsSection.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsSection.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionsSection.tsx"],"sourcesContent":["import { ActionBox } from './ActionBox';\nimport { Fragment } from 'react';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { emptyAction } from '../../../contexts/ScenarioContext';\nimport { section } from '../scenarioDrawerComponents';\nimport { emptyState, heading3 } from '../../common/typography';\nimport Divider from '@mui/material/Divider';\nimport { useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FormScenario } from '../../../utils/types';\nimport { ActionFormItem } from './ActionFormItem';\nimport Button from '@mui/material/Button';\nimport { AddCircle } from '@mui/icons-material';\n\ntype ActionSectionProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  isEditing: boolean;\n  onSubmit: () => void;\n};\n\nexport function ActionsSection({\n  formMethods,\n  isEditing,\n  onSubmit,\n}: ActionSectionProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control, watch } = formMethods;\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: 'actions',\n  });\n\n  const currentActions = watch('actions');\n\n  if (isEditing) {\n    return (\n      <Paper sx={section}>\n        <Typography sx={heading3}>{t('dictionary.measure')}</Typography>\n        {fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Divider variant=\"fullWidth\" />\n            <ActionFormItem\n              key={index}\n              formMethods={formMethods}\n              index={index}\n              remove={remove}\n            />\n          </Fragment>\n        ))}\n        <Button\n          startIcon={<AddCircle />}\n          color=\"primary\"\n          onClick={() => append(emptyAction())}\n        >\n          {t('scenarioDrawer.measureTab.addMeasureButton')}\n        </Button>\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper sx={section}>\n      <Typography sx={heading3}>{t('dictionary.measures')}</Typography>\n\n      {fields.length > 0 ? (\n        fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Divider />\n            <ActionBox\n              action={currentActions[index]}\n              index={index}\n              formMethods={formMethods}\n              remove={remove}\n              onSubmit={onSubmit}\n            />\n          </Fragment>\n        ))\n      ) : (\n        <Typography sx={emptyState}>\n          {t('dictionary.emptyField', {\n            field: t('dictionary.measures').toLowerCase(),\n          })}\n        </Typography>\n      )}\n    </Paper>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBO,SAAS,cAAe,CAAA;AAAA,EAC7B,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAuB,EAAA;AACrB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,WAAA;AAC3B,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAQ,EAAA,MAAA,KAAW,aAAc,CAAA;AAAA,IAC/C,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,MAAM,SAAS,CAAA;AAEtC,EAAA,IAAI,SAAW,EAAA;AACb,IACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,EAAA,EAAI,OACT,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,QAAW,EAAA,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAE,EAAA,CAAA;AAAA,MAClD,OAAO,GAAI,CAAA,CAAC,KAAO,EAAA,KAAA,0BACjB,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAQ,WAAY,EAAA,CAAA;AAAA,wBAC7B,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YAEC,WAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,WAAA;AAAA,UAHK;AAAA;AAIP,OAPa,EAAA,EAAA,KAAA,CAAM,EAQrB,CACD,CAAA;AAAA,sBACD,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,sBAAY,SAAU,EAAA,EAAA,CAAA;AAAA,UACtB,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,MAAM,MAAO,CAAA,WAAA,EAAa,CAAA;AAAA,UAElC,YAAE,4CAA4C;AAAA;AAAA;AACjD,KACF,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,EAAA,EAAI,OACT,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,QAAW,EAAA,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAE,EAAA,CAAA;AAAA,IAEnD,MAAA,CAAO,SAAS,CACf,GAAA,MAAA,CAAO,IAAI,CAAC,KAAA,EAAO,KACjB,qBAAA,IAAA,CAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,CAAA;AAAA,sBACT,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,eAAe,KAAK,CAAA;AAAA,UAC5B,KAAA;AAAA,UACA,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KARa,EAAA,EAAA,KAAA,CAAM,EASrB,CACD,CAAA,uBAEA,UAAW,EAAA,EAAA,EAAA,EAAI,UACb,EAAA,QAAA,EAAA,CAAA,CAAE,uBAAyB,EAAA;AAAA,MAC1B,KAAO,EAAA,CAAA,CAAE,qBAAqB,CAAA,CAAE,WAAY;AAAA,KAC7C,CACH,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ActionsSection.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionsSection.tsx"],"sourcesContent":["import { ActionBox } from './ActionBox';\nimport { Fragment } from 'react';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { emptyAction } from '../../../contexts/ScenarioContext';\nimport { section } from '../scenarioDrawerComponents';\nimport { emptyState, heading3 } from '../../common/typography';\nimport Divider from '@mui/material/Divider';\nimport { useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FormScenario } from '../../../utils/types';\nimport { ActionFormItem } from './ActionFormItem';\nimport Button from '@mui/material/Button';\nimport { AddCircle } from '@mui/icons-material';\nimport Box from '@mui/material/Box';\n\ntype ActionSectionProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  isEditing: boolean;\n  onSubmit: () => void;\n};\n\nexport function ActionsSection({\n  formMethods,\n  isEditing,\n  onSubmit,\n}: ActionSectionProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control, watch } = formMethods;\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: 'actions',\n  });\n\n  const currentActions = watch('actions');\n\n  if (isEditing) {\n    return (\n      <Paper sx={section}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n          <Typography sx={heading3}>{t('dictionary.measure')}</Typography>\n          <Button\n            startIcon={<AddCircle />}\n            color=\"primary\"\n            onClick={() => append(emptyAction())}\n          >\n            {t('scenarioDrawer.measureTab.addMeasureButton')}\n          </Button>\n        </Box>\n        {fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Divider variant=\"fullWidth\" />\n            <ActionFormItem\n              key={index}\n              formMethods={formMethods}\n              index={index}\n              remove={remove}\n            />\n          </Fragment>\n        ))}\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper sx={section}>\n      <Typography sx={heading3}>{t('dictionary.measures')}</Typography>\n\n      {fields.length > 0 ? (\n        fields.map((field, index) => (\n          <Fragment key={field.id}>\n            <Divider />\n            <ActionBox\n              action={currentActions[index]}\n              index={index}\n              formMethods={formMethods}\n              remove={remove}\n              onSubmit={onSubmit}\n            />\n          </Fragment>\n        ))\n      ) : (\n        <Typography sx={emptyState}>\n          {t('dictionary.emptyField', {\n            field: t('dictionary.measures').toLowerCase(),\n          })}\n        </Typography>\n      )}\n    </Paper>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBO,SAAS,cAAe,CAAA;AAAA,EAC7B,WAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAuB,EAAA;AACrB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,WAAA;AAC3B,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAQ,EAAA,MAAA,KAAW,aAAc,CAAA;AAAA,IAC/C,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,MAAM,SAAS,CAAA;AAEtC,EAAA,IAAI,SAAW,EAAA;AACb,IACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,EAAA,EAAI,OACT,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAI,EAAE,OAAA,EAAS,QAAQ,UAAY,EAAA,QAAA,EAAU,GAAK,EAAA,CAAA,EACrD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,QAAW,EAAA,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAE,EAAA,CAAA;AAAA,wBACnD,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,sBAAY,SAAU,EAAA,EAAA,CAAA;AAAA,YACtB,KAAM,EAAA,SAAA;AAAA,YACN,OAAS,EAAA,MAAM,MAAO,CAAA,WAAA,EAAa,CAAA;AAAA,YAElC,YAAE,4CAA4C;AAAA;AAAA;AACjD,OACF,EAAA,CAAA;AAAA,MACC,OAAO,GAAI,CAAA,CAAC,KAAO,EAAA,KAAA,0BACjB,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAQ,WAAY,EAAA,CAAA;AAAA,wBAC7B,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YAEC,WAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,WAAA;AAAA,UAHK;AAAA;AAIP,OAPa,EAAA,EAAA,KAAA,CAAM,EAQrB,CACD;AAAA,KACH,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,EAAA,EAAI,OACT,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,QAAW,EAAA,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAE,EAAA,CAAA;AAAA,IAEnD,MAAA,CAAO,SAAS,CACf,GAAA,MAAA,CAAO,IAAI,CAAC,KAAA,EAAO,KACjB,qBAAA,IAAA,CAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,CAAA;AAAA,sBACT,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,eAAe,KAAK,CAAA;AAAA,UAC5B,KAAA;AAAA,UACA,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KARa,EAAA,EAAA,KAAA,CAAM,EASrB,CACD,CAAA,uBAEA,UAAW,EAAA,EAAA,EAAA,EAAI,UACb,EAAA,QAAA,EAAA,CAAA,CAAE,uBAAyB,EAAA;AAAA,MAC1B,KAAO,EAAA,CAAA,CAAE,qBAAqB,CAAA,CAAE,WAAY;AAAA,KAC7C,CACH,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}