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

package/dist/components/common/Select.esm.js

@@ -1,16 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useController } from 'react-hook-form';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
 import Chip from '@mui/material/Chip';
 import FormControl from '@mui/material/FormControl';
 import FormHelperText from '@mui/material/FormHelperText';
 import FormLabel from '@mui/material/FormLabel';
-import MUISelect from '@mui/material/Select';
-import Checkbox from '@mui/material/Checkbox';
-import MenuItem from '@mui/material/MenuItem';
 import ListItemText from '@mui/material/ListItemText';
+import MenuItem from '@mui/material/MenuItem';
+import MUISelect from '@mui/material/Select';
+import { useController } from 'react-hook-form';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { formLabel, formHelperText } from './typography.esm.js';
 
 function Select({
@@ -24,13 +24,14 @@ function Select({
   multiple,
   labelTranslationKey,
   options,
+  rules,
   ...props
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { field } = useController({
     name,
     control,
-    rules: { required }
+    rules: { ...rules, required }
   });
   function renderValue(values) {
     if (!multiple) {
@@ -64,7 +65,7 @@ function Select({
     }
     return fieldValue === optionValue;
   }
-  return /* @__PURE__ */ jsxs(FormControl, { sx: { width: "100%", gap: "4px" }, children: [
+  return /* @__PURE__ */ jsxs(FormControl, { error, sx: { width: "100%", gap: "4px" }, children: [
     label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, required, children: label }),
     sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
     /* @__PURE__ */ jsx(
@@ -73,6 +74,7 @@ function Select({
         MenuProps: {
           disablePortal: true
         },
+        error,
         variant: "outlined",
         renderValue,
         multiple,

package/dist/components/common/Select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import {\n  Control,\n  FieldValues,\n  Path,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport Checkbox from '@mui/material/Checkbox';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: { value: string | number; renderedValue: string | number }[];\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { field } = useController({\n    name,\n    control,\n    rules: { required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  RegisterOptions,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: {\n    value: string | number;\n    renderedValue: React.ReactNode | string | number;\n  }[];\n  rules?: Omit<\n    RegisterOptions<T, string & Path<T>>,\n    'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'\n  >;\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  rules,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { field } = useController({\n    name,\n    control,\n    rules: { ...rules, required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl error={error} sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        error={error}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -29,14 +29,13 @@ function ConfigRiscInfo({
         ...register("content.title", { required: true }),
         error: errors?.content?.title !== void 0,
         label: t("dictionary.title"),
-        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"),
@@ -69,7 +68,13 @@ function ConfigRiscInfo({
             /* @__PURE__ */ jsx(
               FormControlLabel,
               {
-                control: /* @__PURE__ */ jsx(Switch, { onChange: handleChangeCreateRiScFrom }),
+                control: /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: createRiScFrom === CreateRiScFrom.Default,
+                    onChange: handleChangeCreateRiScFrom
+                  }
+                ),
                 label: createRiScFrom === CreateRiScFrom.Scratch ? t("dictionary.no") : t("dictionary.yes")
               }
             )

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        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={\n                <Switch\n                  checked={createRiScFrom === CreateRiScFrom.Default}\n                  onChange={handleChangeCreateRiScFrom}\n                />\n              }\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,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,OACE,kBAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,OAAA,EAAS,mBAAmB,cAAe,CAAA,OAAA;AAAA,oBAC3C,QAAU,EAAA;AAAA;AAAA,iBACZ;AAAA,gBAEF,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/riskMatrix/AggregatedCost.esm.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { Box, Typography, IconButton } from '@material-ui/core';
 import InfoIcon from '@mui/icons-material/Info';
-import { EstimatedRiskInfoDialog } from './EstimatedRiskInfoDialog.esm.js';
-import { formatNumber } from '../../utils/utilityfunctions.esm.js';
-import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { useState } from 'react';
 import { useFontStyles } from '../../utils/style.esm.js';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { formatNumber } from '../../utils/utilityfunctions.esm.js';
+import { EstimatedRiskInfoDialog } from './EstimatedRiskInfoDialog.esm.js';
 import { useAggregatedCostStyles } from './aggregatedCostStyle.esm.js';
 
 function AggregatedCost({ riSc, initialRisk }) {
@@ -14,9 +14,9 @@ function AggregatedCost({ riSc, initialRisk }) {
   const { outerBox, innerBox } = useAggregatedCostStyles();
   const { label2, body2 } = useFontStyles();
   const [showDialog, setShowDialog] = useState(false);
-  const cost = riSc.scenarios.map(
-    (scenario) => initialRisk ? scenario.risk.probability * scenario.risk.consequence : scenario.remainingRisk.probability * scenario.remainingRisk.consequence
-  ).reduce((a, b) => a + b, 0);
+  const cost = riSc.scenarios.map((scenario) => {
+    return initialRisk ? scenario.risk.probability * scenario.risk.consequence : scenario.remainingRisk.probability * scenario.remainingRisk.consequence;
+  }).reduce((a, b) => a + b, 0);
   return /* @__PURE__ */ jsxs(Box, { className: outerBox, children: [
     /* @__PURE__ */ jsx(Typography, { className: label2, children: t("riskMatrix.estimatedRisk.title") }),
     /* @__PURE__ */ jsxs(Box, { className: innerBox, children: [

package/dist/components/riskMatrix/AggregatedCost.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AggregatedCost.esm.js","sources":["../../../src/components/riskMatrix/AggregatedCost.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Box, IconButton, Typography } from '@material-ui/core';\nimport InfoIcon from '@mui/icons-material/Info';\nimport { RiSc } from '../../utils/types';\nimport { EstimatedRiskInfoDialog } from './EstimatedRiskInfoDialog';\nimport { formatNumber } from '../../utils/utilityfunctions';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useFontStyles } from '../../utils/style';\nimport { useAggregatedCostStyles } from './aggregatedCostStyle';\n\ninterface AggregatedCostProps {\n  riSc: RiSc;\n  initialRisk: boolean;\n}\n\nexport function AggregatedCost({ riSc, initialRisk }: AggregatedCostProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { outerBox, innerBox } = useAggregatedCostStyles();\n  const { label2, body2 } = useFontStyles();\n\n  const [showDialog, setShowDialog] = useState(false);\n\n  const cost = riSc.scenarios\n    .map(scenario =>\n      initialRisk\n        ? scenario.risk.probability * scenario.risk.consequence\n        : scenario.remainingRisk.probability *\n          scenario.remainingRisk.consequence,\n    )\n    .reduce((a, b) => a + b, 0);\n\n  return (\n    <Box className={outerBox}>\n      <Typography className={label2}>\n        {t('riskMatrix.estimatedRisk.title')}\n      </Typography>\n      <Box className={innerBox}>\n        <Typography className={body2}>\n          {formatNumber(cost, t)}{' '}\n          {t('riskMatrix.estimatedRisk.unit.nokPerYear')}\n        </Typography>\n        <IconButton size=\"small\" onClick={() => setShowDialog(true)}>\n          <InfoIcon />\n        </IconButton>\n      </Box>\n      <EstimatedRiskInfoDialog\n        isOpen={showDialog}\n        onClose={() => setShowDialog(false)}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,cAAe,CAAA,EAAE,IAAM,EAAA,WAAA,EAAoC,EAAA;AACzE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,QAAS,EAAA,GAAI,uBAAwB,EAAA;AACvD,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAM,EAAA,GAAI,aAAc,EAAA;AAExC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAM,MAAA,IAAA,GAAO,KAAK,SACf,CAAA,GAAA;AAAA,IAAI,CACH,QAAA,KAAA,WAAA,GACI,QAAS,CAAA,IAAA,CAAK,WAAc,GAAA,QAAA,CAAS,IAAK,CAAA,WAAA,GAC1C,QAAS,CAAA,aAAA,CAAc,WACvB,GAAA,QAAA,CAAS,aAAc,CAAA;AAAA,IAE5B,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA,CAAA,GAAI,GAAG,CAAC,CAAA;AAE5B,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QACd,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,MACpB,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CACrC,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QACd,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,UAAA,EAAA,EAAW,WAAW,KACpB,EAAA,QAAA,EAAA;AAAA,QAAA,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,QAAG,GAAA;AAAA,QACvB,EAAE,0CAA0C;AAAA,OAC/C,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,UAAW,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,CACZ,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,UAAA;AAAA,QACR,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK;AAAA;AAAA;AACpC,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AggregatedCost.esm.js","sources":["../../../src/components/riskMatrix/AggregatedCost.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, IconButton, Typography } from '@material-ui/core';\nimport InfoIcon from '@mui/icons-material/Info';\nimport { useState } from 'react';\nimport { useFontStyles } from '../../utils/style';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiSc } from '../../utils/types';\nimport { formatNumber } from '../../utils/utilityfunctions';\nimport { EstimatedRiskInfoDialog } from './EstimatedRiskInfoDialog';\nimport { useAggregatedCostStyles } from './aggregatedCostStyle';\n\ninterface AggregatedCostProps {\n  riSc: RiSc;\n  initialRisk: boolean;\n}\n\nexport function AggregatedCost({ riSc, initialRisk }: AggregatedCostProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { outerBox, innerBox } = useAggregatedCostStyles();\n  const { label2, body2 } = useFontStyles();\n\n  const [showDialog, setShowDialog] = useState(false);\n\n  const cost = riSc.scenarios\n    .map(scenario => {\n      return initialRisk\n        ? scenario.risk.probability * scenario.risk.consequence\n        : scenario.remainingRisk.probability *\n            scenario.remainingRisk.consequence;\n    })\n    .reduce((a, b) => a + b, 0);\n\n  return (\n    <Box className={outerBox}>\n      <Typography className={label2}>\n        {t('riskMatrix.estimatedRisk.title')}\n      </Typography>\n      <Box className={innerBox}>\n        <Typography className={body2}>\n          {formatNumber(cost, t)}{' '}\n          {t('riskMatrix.estimatedRisk.unit.nokPerYear')}\n        </Typography>\n        <IconButton size=\"small\" onClick={() => setShowDialog(true)}>\n          <InfoIcon />\n        </IconButton>\n      </Box>\n      <EstimatedRiskInfoDialog\n        isOpen={showDialog}\n        onClose={() => setShowDialog(false)}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,cAAe,CAAA,EAAE,IAAM,EAAA,WAAA,EAAoC,EAAA;AACzE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,QAAS,EAAA,GAAI,uBAAwB,EAAA;AACvD,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAM,EAAA,GAAI,aAAc,EAAA;AAExC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,MAAM,IAAO,GAAA,IAAA,CAAK,SACf,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACf,IAAO,OAAA,WAAA,GACH,QAAS,CAAA,IAAA,CAAK,WAAc,GAAA,QAAA,CAAS,IAAK,CAAA,WAAA,GAC1C,QAAS,CAAA,aAAA,CAAc,WACrB,GAAA,QAAA,CAAS,aAAc,CAAA,WAAA;AAAA,GAC9B,EACA,MAAO,CAAA,CAAC,GAAG,CAAM,KAAA,CAAA,GAAI,GAAG,CAAC,CAAA;AAE5B,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QACd,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,MACpB,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CACrC,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QACd,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,UAAA,EAAA,EAAW,WAAW,KACpB,EAAA,QAAA,EAAA;AAAA,QAAA,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,QAAG,GAAA;AAAA,QACvB,EAAE,0CAA0C;AAAA,OAC/C,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,UAAW,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,CACZ,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,UAAA;AAAA,QACR,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK;AAAA;AAAA;AACpC,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riskMatrix/EstimatedRiskInfoDialog.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Fragment } from 'react';
-import { Dialog, Paper, DialogTitle, DialogContent, DialogContentText, Typography } from '@material-ui/core';
-import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Dialog, Paper, DialogTitle, DialogContent, DialogContentText, Typography } from '@material-ui/core';
+import { Fragment } from 'react';
 import { consequenceOptions, probabilityOptions } from '../../utils/constants.esm.js';
-import { formatNOK } from '../../utils/utilityfunctions.esm.js';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { formatNOK, consequenceIndexToTranslationKeys, probabilityIndexToTranslationKeys } from '../../utils/utilityfunctions.esm.js';
 import { useEstimatedRiskInfoDialogStyles } from './estimatedRiskInfoDialogStyle.esm.js';
 
 function EstimatedRiskInfoDialog({
@@ -18,24 +18,65 @@ function EstimatedRiskInfoDialog({
     /* @__PURE__ */ jsxs(DialogContent, { className: text, dividers: true, children: [
       /* @__PURE__ */ jsx(DialogContentText, { className: text, children: t("infoDialog.description") }),
       /* @__PURE__ */ jsx(Typography, { style: { fontWeight: "bold" }, children: t("infoDialog.calculatedHowTitle") }),
-      /* @__PURE__ */ jsx(DialogContentText, { className: text, children: t("infoDialog.calculatedHow") }),
+      /* @__PURE__ */ jsxs(DialogContentText, { className: text, children: [
+        t("infoDialog.calculatedHow"),
+        /* @__PURE__ */ jsx("sup", { children: t("infoDialog.calculatedHowExponent") }),
+        " ",
+        t("riskMatrix.estimatedRisk.unit.nokPerYear"),
+        "."
+      ] }),
       /* @__PURE__ */ jsx(Typography, { style: { fontWeight: "bold" }, children: t("infoDialog.consequenceTitle") }),
       /* @__PURE__ */ jsx(DialogContentText, { className: text, children: consequenceOptions.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        index + 1,
-        ": ",
+        /* @__PURE__ */ jsx("b", { children: index + 1 }),
+        ": 20",
+        /* @__PURE__ */ jsx("sup", { children: index + 3 }),
+        " =",
+        " ",
         formatNOK(option),
+        " ",
+        t("infoDialog.consequenceUnit"),
+        " =",
+        " ",
+        /* @__PURE__ */ jsx("b", { children: t(consequenceIndexToTranslationKeys[index], {}) }),
         /* @__PURE__ */ jsx("br", {})
-      ] }, option)) }),
+      ] }, index)) }),
       /* @__PURE__ */ jsx(Typography, { style: { fontWeight: "bold" }, children: t("infoDialog.probabilityTitle") }),
       /* @__PURE__ */ jsx(DialogContentText, { className: text, children: probabilityOptions.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        index + 1,
-        ": ",
+        /* @__PURE__ */ jsx("b", { children: index + 1 }),
+        ": 20",
+        /* @__PURE__ */ jsx("sup", { children: index - 2 }),
+        " = ",
         option,
-        ", ",
-        t(`infoDialog.probabilityDescription.${index}`),
+        " ",
+        t("infoDialog.probabilityUnit"),
+        " =",
+        " ",
+        /* @__PURE__ */ jsx("b", { children: t(probabilityIndexToTranslationKeys[index], {}) }),
         /* @__PURE__ */ jsx("br", {})
-      ] }, option)) }),
-      /* @__PURE__ */ jsx(DialogContentText, { className: text, children: t("infoDialog.example") })
+      ] }, index)) }),
+      /* @__PURE__ */ jsxs(DialogContentText, { className: text, children: [
+        t("infoDialog.example.part1"),
+        /* @__PURE__ */ jsx("b", { children: "2" }),
+        " (20",
+        /* @__PURE__ */ jsx("sup", { children: "4" }),
+        " = 160,000 ",
+        t("infoDialog.consequenceUnit"),
+        ")",
+        t("infoDialog.example.part2"),
+        /* @__PURE__ */ jsx("b", { children: "4" }),
+        " (20",
+        /* @__PURE__ */ jsx("sup", { children: "1" }),
+        " = 20 ",
+        t("infoDialog.probabilityUnit"),
+        ")",
+        t("infoDialog.example.part3"),
+        "20",
+        /* @__PURE__ */ jsx("sup", { children: "1+4-1" }),
+        " = 160,000",
+        " ",
+        t("riskMatrix.estimatedRisk.unit.nokPerYear"),
+        "."
+      ] })
     ] })
   ] }) });
 }

package/dist/components/riskMatrix/EstimatedRiskInfoDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EstimatedRiskInfoDialog.esm.js","sources":["../../../src/components/riskMatrix/EstimatedRiskInfoDialog.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Paper,\n  Typography,\n} from '@material-ui/core';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { consequenceOptions, probabilityOptions } from '../../utils/constants';\nimport { formatNOK } from '../../utils/utilityfunctions';\nimport { useEstimatedRiskInfoDialogStyles } from './estimatedRiskInfoDialogStyle';\n\ninterface EstimatedRiskInfoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function EstimatedRiskInfoDialog({\n  isOpen,\n  onClose,\n}: EstimatedRiskInfoDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { paper, title, text } = useEstimatedRiskInfoDialogStyles();\n\n  return (\n    <Dialog open={isOpen} onClose={onClose} maxWidth=\"xs\">\n      <Paper className={paper}>\n        <DialogTitle className={title}>{t('infoDialog.title')}</DialogTitle>\n        <DialogContent className={text} dividers>\n          <DialogContentText className={text}>\n            {t('infoDialog.description')}\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.calculatedHowTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {t('infoDialog.calculatedHow')}\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.consequenceTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {consequenceOptions.map((option, index) => (\n              <Fragment key={option}>\n                {index + 1}: {formatNOK(option)}\n                <br />\n              </Fragment>\n            ))}\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.probabilityTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {probabilityOptions.map((option, index) => (\n              <Fragment key={option}>\n                {index + 1}: {option}, {/* @ts-ignore */}\n                {t(`infoDialog.probabilityDescription.${index}`)}\n                <br />\n              </Fragment>\n            ))}\n          </DialogContentText>\n\n          <DialogContentText className={text}>\n            {t('infoDialog.example')}\n          </DialogContentText>\n        </DialogContent>\n      </Paper>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAoBO,SAAS,uBAAwB,CAAA;AAAA,EACtC,MAAA;AAAA,EACA;AACF,CAAiC,EAAA;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,IAAA,KAAS,gCAAiC,EAAA;AAEhE,EACE,uBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,MAAQ,EAAA,OAAA,EAAkB,UAAS,IAC/C,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAW,KAChB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,KAAQ,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA,oBACrD,IAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,IAAA,EAAM,UAAQ,IACtC,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAW,IAC3B,EAAA,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAC7B,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EACrC,QAAE,EAAA,CAAA,CAAA,+BAA+B,CACpC,EAAA,CAAA;AAAA,0BACC,iBAAkB,EAAA,EAAA,SAAA,EAAW,IAC3B,EAAA,QAAA,EAAA,CAAA,CAAE,0BAA0B,CAC/B,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EACrC,QAAE,EAAA,CAAA,CAAA,6BAA6B,CAClC,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAW,IAC3B,EAAA,QAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,MAAA,EAAQ,KAC/B,qBAAA,IAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAQ,KAAA,GAAA,CAAA;AAAA,QAAE,IAAA;AAAA,QAAG,UAAU,MAAM,CAAA;AAAA,4BAC7B,IAAG,EAAA,EAAA;AAAA,OAFS,EAAA,EAAA,MAGf,CACD,CACH,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EACrC,QAAE,EAAA,CAAA,CAAA,6BAA6B,CAClC,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,iBAAkB,EAAA,EAAA,SAAA,EAAW,IAC3B,EAAA,QAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,MAAA,EAAQ,KAC/B,qBAAA,IAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAQ,KAAA,GAAA,CAAA;AAAA,QAAE,IAAA;AAAA,QAAG,MAAA;AAAA,QAAO,IAAA;AAAA,QACpB,CAAA,CAAE,CAAqC,kCAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,4BAC9C,IAAG,EAAA,EAAA;AAAA,OAHS,EAAA,EAAA,MAIf,CACD,CACH,EAAA,CAAA;AAAA,0BAEC,iBAAkB,EAAA,EAAA,SAAA,EAAW,IAC3B,EAAA,QAAA,EAAA,CAAA,CAAE,oBAAoB,CACzB,EAAA;AAAA,KACF,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EstimatedRiskInfoDialog.esm.js","sources":["../../../src/components/riskMatrix/EstimatedRiskInfoDialog.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Dialog,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Paper,\n  Typography,\n} from '@material-ui/core';\nimport { Fragment } from 'react';\nimport { consequenceOptions, probabilityOptions } from '../../utils/constants';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport {\n  consequenceIndexToTranslationKeys,\n  formatNOK,\n  probabilityIndexToTranslationKeys,\n} from '../../utils/utilityfunctions';\nimport { useEstimatedRiskInfoDialogStyles } from './estimatedRiskInfoDialogStyle';\n\ninterface EstimatedRiskInfoDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport function EstimatedRiskInfoDialog({\n  isOpen,\n  onClose,\n}: EstimatedRiskInfoDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { paper, title, text } = useEstimatedRiskInfoDialogStyles();\n\n  return (\n    <Dialog open={isOpen} onClose={onClose} maxWidth=\"xs\">\n      <Paper className={paper}>\n        <DialogTitle className={title}>{t('infoDialog.title')}</DialogTitle>\n        <DialogContent className={text} dividers>\n          <DialogContentText className={text}>\n            {t('infoDialog.description')}\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.calculatedHowTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {t('infoDialog.calculatedHow')}\n            <sup>{t('infoDialog.calculatedHowExponent')}</sup>{' '}\n            {t('riskMatrix.estimatedRisk.unit.nokPerYear')}.\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.consequenceTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {consequenceOptions.map((option, index) => (\n              <Fragment key={index}>\n                <b>{index + 1}</b>: 20<sup>{index + 3}</sup> ={' '}\n                {formatNOK(option)} {t('infoDialog.consequenceUnit')} ={' '}\n                <b>{t(consequenceIndexToTranslationKeys[index] as any, {})}</b>\n                <br />\n              </Fragment>\n            ))}\n          </DialogContentText>\n          <Typography style={{ fontWeight: 'bold' }}>\n            {t('infoDialog.probabilityTitle')}\n          </Typography>\n          <DialogContentText className={text}>\n            {probabilityOptions.map((option, index) => (\n              <Fragment key={index}>\n                <b>{index + 1}</b>: 20<sup>{index - 2}</sup> = {option}{' '}\n                {t('infoDialog.probabilityUnit')} ={' '}\n                <b>{t(probabilityIndexToTranslationKeys[index] as any, {})}</b>\n                <br />\n              </Fragment>\n            ))}\n          </DialogContentText>\n\n          <DialogContentText className={text}>\n            {t('infoDialog.example.part1')}\n            <b>2</b> (20<sup>4</sup> = 160,000 {t('infoDialog.consequenceUnit')}\n            ){t('infoDialog.example.part2')}\n            <b>4</b> (20<sup>1</sup> = 20 {t('infoDialog.probabilityUnit')})\n            {t('infoDialog.example.part3')}\n            20<sup>1+4-1</sup> = 160,000{' '}\n            {t('riskMatrix.estimatedRisk.unit.nokPerYear')}.\n          </DialogContentText>\n        </DialogContent>\n      </Paper>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrixScenarioCount.esm.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { List, ListSubheader, Typography, ListItem, ListItemText, ClickAwayListener, Tooltip, Paper } from '@material-ui/core';
 import { useState } from 'react';
 import CircleIcon from '@material-ui/icons/FiberManualRecord';
-import { probabilityOptions, consequenceOptions } from '../../utils/constants.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useRiskMatrixStyles } from './riskMatrixStyle.esm.js';
 import { useScenario } from '../../contexts/ScenarioContext.esm.js';
+import { findProbabilityIndex, findConsequenceIndex } from '../../utils/utilityfunctions.esm.js';
 
 function RiskMatrixScenarioCount({
   riSc,
@@ -31,9 +31,9 @@ function RiskMatrixScenarioCount({
     openScenarioDrawer(ID);
   }
   const scenarios = riSc.scenarios.filter(
-    (scenario) => probabilityOptions.indexOf(
+    (scenario) => findProbabilityIndex(
       initialRisk ? scenario.risk.probability : scenario.remainingRisk.probability
-    ) === probability && consequenceOptions.indexOf(
+    ) === probability && findConsequenceIndex(
       initialRisk ? scenario.risk.consequence : scenario.remainingRisk.consequence
     ) === consequence
   );

package/dist/components/riskMatrix/RiskMatrixScenarioCount.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiskMatrixScenarioCount.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrixScenarioCount.tsx"],"sourcesContent":["import {\n  ClickAwayListener,\n  List,\n  ListItem,\n  ListItemText,\n  ListSubheader,\n  Paper,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport CircleIcon from '@material-ui/icons/FiberManualRecord';\nimport { consequenceOptions, probabilityOptions } from '../../utils/constants';\nimport { RiSc } from '../../utils/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiskMatrixStyles } from './riskMatrixStyle';\nimport { useScenario } from '../../contexts/ScenarioContext';\n\ninterface ScenarioCountProps {\n  riSc: RiSc;\n  probability: number;\n  consequence: number;\n  initialRisk: boolean;\n}\n\nexport function RiskMatrixScenarioCount({\n  riSc,\n  probability,\n  consequence,\n  initialRisk,\n}: ScenarioCountProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    circle,\n    centered,\n    circleText,\n    text,\n    tooltip,\n    tooltipArrow,\n    tooltipText,\n  } = useRiskMatrixStyles();\n\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n  const { openScenarioDrawer } = useScenario();\n\n  function handleScenarioClick(ID: string) {\n    setTooltipOpen(false);\n    openScenarioDrawer(ID);\n  }\n\n  const scenarios = riSc.scenarios.filter(\n    scenario =>\n      probabilityOptions.indexOf(\n        initialRisk\n          ? scenario.risk.probability\n          : scenario.remainingRisk.probability,\n      ) === probability &&\n      consequenceOptions.indexOf(\n        initialRisk\n          ? scenario.risk.consequence\n          : scenario.remainingRisk.consequence,\n      ) === consequence,\n  );\n\n  if (scenarios.length === 0) {\n    return null;\n  }\n\n  const tooltipList = (\n    <List dense>\n      <ListSubheader className={tooltipText}>\n        <Typography variant=\"h6\" className={tooltipText}>\n          {t('riskMatrix.tooltip.title')}\n        </Typography>\n      </ListSubheader>\n      {scenarios.map(s => (\n        <ListItem\n          key={s.ID}\n          button\n          disableGutters\n          className={tooltipText}\n          onClick={() => {\n            handleScenarioClick(s.ID);\n          }}\n        >\n          <CircleIcon className={tooltipText} style={{ width: '10px' }} />\n          <ListItemText\n            className={tooltipText}\n            style={{ paddingLeft: '0.6rem' }}\n          >\n            <span>{s.title}</span>\n          </ListItemText>\n        </ListItem>\n      ))}\n    </List>\n  );\n\n  return (\n    <ClickAwayListener onClickAway={() => setTooltipOpen(false)}>\n      <Tooltip\n        interactive\n        classes={{ tooltip: tooltip, arrow: tooltipArrow }}\n        title={tooltipList}\n        placement=\"right\"\n        arrow\n        open={tooltipOpen}\n      >\n        <Paper\n          className={`${circle} ${centered}`}\n          elevation={10}\n          onClick={() => setTooltipOpen(!tooltipOpen)}\n        >\n          <Typography className={`${circleText} ${text}`}>\n            {scenarios.length}\n          </Typography>\n        </Paper>\n      </Tooltip>\n    </ClickAwayListener>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiskMatrixScenarioCount.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrixScenarioCount.tsx"],"sourcesContent":["import {\n  ClickAwayListener,\n  List,\n  ListItem,\n  ListItemText,\n  ListSubheader,\n  Paper,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport CircleIcon from '@material-ui/icons/FiberManualRecord';\nimport { RiSc } from '../../utils/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiskMatrixStyles } from './riskMatrixStyle';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport {\n  findConsequenceIndex,\n  findProbabilityIndex,\n} from '../../utils/utilityfunctions';\n\ninterface ScenarioCountProps {\n  riSc: RiSc;\n  probability: number;\n  consequence: number;\n  initialRisk: boolean;\n}\n\nexport function RiskMatrixScenarioCount({\n  riSc,\n  probability,\n  consequence,\n  initialRisk,\n}: ScenarioCountProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    circle,\n    centered,\n    circleText,\n    text,\n    tooltip,\n    tooltipArrow,\n    tooltipText,\n  } = useRiskMatrixStyles();\n\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n  const { openScenarioDrawer } = useScenario();\n\n  function handleScenarioClick(ID: string) {\n    setTooltipOpen(false);\n    openScenarioDrawer(ID);\n  }\n\n  const scenarios = riSc.scenarios.filter(\n    scenario =>\n      findProbabilityIndex(\n        initialRisk\n          ? scenario.risk.probability\n          : scenario.remainingRisk.probability,\n      ) === probability &&\n      findConsequenceIndex(\n        initialRisk\n          ? scenario.risk.consequence\n          : scenario.remainingRisk.consequence,\n      ) === consequence,\n  );\n\n  if (scenarios.length === 0) {\n    return null;\n  }\n\n  const tooltipList = (\n    <List dense>\n      <ListSubheader className={tooltipText}>\n        <Typography variant=\"h6\" className={tooltipText}>\n          {t('riskMatrix.tooltip.title')}\n        </Typography>\n      </ListSubheader>\n      {scenarios.map(s => (\n        <ListItem\n          key={s.ID}\n          button\n          disableGutters\n          className={tooltipText}\n          onClick={() => {\n            handleScenarioClick(s.ID);\n          }}\n        >\n          <CircleIcon className={tooltipText} style={{ width: '10px' }} />\n          <ListItemText\n            className={tooltipText}\n            style={{ paddingLeft: '0.6rem' }}\n          >\n            <span>{s.title}</span>\n          </ListItemText>\n        </ListItem>\n      ))}\n    </List>\n  );\n\n  return (\n    <ClickAwayListener onClickAway={() => setTooltipOpen(false)}>\n      <Tooltip\n        interactive\n        classes={{ tooltip: tooltip, arrow: tooltipArrow }}\n        title={tooltipList}\n        placement=\"right\"\n        arrow\n        open={tooltipOpen}\n      >\n        <Paper\n          className={`${circle} ${centered}`}\n          elevation={10}\n          onClick={() => setTooltipOpen(!tooltipOpen)}\n        >\n          <Typography className={`${circleText} ${text}`}>\n            {scenarios.length}\n          </Typography>\n        </Paper>\n      </Tooltip>\n    </ClickAwayListener>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,27 +1,27 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import DeleteIcon from '@mui/icons-material/Delete';
+import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Drawer from '@mui/material/Drawer';
+import Typography from '@mui/material/Typography';
+import { useState, useRef, useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { useScenario } from '../../contexts/ScenarioContext.esm.js';
-import { RiskSection } from './components/RiskSection.esm.js';
-import { ActionsSection } from './components/ActionsSection.esm.js';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { DeleteConfirmation } from './components/DeleteConfirmation.esm.js';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { ScopeSection } from './components/ScopeSection.esm.js';
-import { useForm } from 'react-hook-form';
 import { ProcessingStatus } from '../../utils/types.esm.js';
-import ScenarioForm from './components/RiskFormSection.esm.js';
-import ScopeFormSection from './components/ScopeFormSection.esm.js';
-import Drawer from '@mui/material/Drawer';
-import Button from '@mui/material/Button';
-import { useRiScs } from '../../contexts/RiScContext.esm.js';
-import CircularProgress from '@mui/material/CircularProgress';
-import Alert from '@mui/material/Alert';
 import { getAlertSeverity } from '../../utils/utilityfunctions.esm.js';
-import Typography from '@mui/material/Typography';
 import { MatrixDialog } from '../riScDialog/MatrixDialog.esm.js';
 import { CloseConfirmation } from '../scenarioWizard/components/CloseConfirmation.esm.js';
+import { ActionsSection } from './components/ActionsSection.esm.js';
+import { DeleteConfirmation } from './components/DeleteConfirmation.esm.js';
+import ScenarioForm from './components/RiskFormSection.esm.js';
+import { RiskSection } from './components/RiskSection.esm.js';
+import ScopeFormSection from './components/ScopeFormSection.esm.js';
+import { ScopeSection } from './components/ScopeSection.esm.js';
 
 function ScenarioDrawer() {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
@@ -42,7 +42,7 @@ function ScenarioDrawer() {
   const deleteScenarioRef = useRef(null);
   const formMethods = useForm({
     defaultValues: mapScenarioToFormScenario(scenario),
-    mode: "onBlur"
+    mode: "onChange"
   });
   function onCancel() {
     formMethods.reset(mapScenarioToFormScenario(scenario));
@@ -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 { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Drawer from '@mui/material/Drawer';\nimport Typography from '@mui/material/Typography';\nimport { useEffect, useRef, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { FormScenario, ProcessingStatus } from '../../utils/types';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { MatrixDialog } from '../riScDialog/MatrixDialog';\nimport { CloseConfirmation } from '../scenarioWizard/components/CloseConfirmation';\nimport { ActionsSection } from './components/ActionsSection';\nimport { DeleteConfirmation } from './components/DeleteConfirmation';\nimport RiskFormSection from './components/RiskFormSection';\nimport { RiskSection } from './components/RiskSection';\nimport ScopeFormSection from './components/ScopeFormSection';\nimport { ScopeSection } from './components/ScopeSection';\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: 'onChange',\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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"}