@kartverket/backstage-plugin-risk-scorecard 3.2.0 → 3.3.4

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

@@ -1,18 +1,16 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid, Box, Typography } from '@material-ui/core';
-import { RiScStatusComponent } from './riScStatus/RiScStatusComponent.esm.js';
-import { InfoCard } from '@backstage/core-components';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Grid, Box, Typography, Select, MenuItem, ListItemText } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { useFontStyles } from '../../utils/style.esm.js';
+import { RiScStatusComponent } from './riScStatus/RiScStatusComponent.esm.js';
+import { InfoCard } from '@backstage/core-components';
 import EditButton from '../common/EditButton.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { Markdown } from '../common/Markdown.esm.js';
 
 function RiScInfo({ riScWithMetadata, edit }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const { label } = useFontStyles();
-  const { approveRiSc } = useRiScs();
+  const { approveRiSc, riScs, selectedRiSc, selectRiSc } = useRiScs();
   return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
     /* @__PURE__ */ jsx(
       Grid,
@@ -26,6 +24,25 @@ function RiScInfo({ riScWithMetadata, edit }) {
           flexDirection: "column"
         },
         children: /* @__PURE__ */ jsxs(InfoCard, { children: [
+          /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: riScs !== null && riScs.length !== 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "h6",
+                style: { fontSize: 16, marginBottom: 1 },
+                children: t("contentHeader.multipleRiScs")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                variant: "standard",
+                value: selectedRiSc?.id ?? "",
+                onChange: (e) => selectRiSc(e.target.value),
+                children: riScs.map((riSc) => /* @__PURE__ */ jsx(MenuItem, { value: riSc.id, children: /* @__PURE__ */ jsx(ListItemText, { primary: riSc.content.title }) }, riSc.id)) ?? []
+              }
+            )
+          ] }) }),
           /* @__PURE__ */ jsxs(
             Box,
             {
@@ -40,7 +57,6 @@ function RiScInfo({ riScWithMetadata, edit }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Typography, { className: label, children: t("dictionary.scope") }),
           /* @__PURE__ */ jsx(Markdown, { description: riScWithMetadata.content.scope })
         ] })
       }

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

@@ -1 +1 @@
-{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import { RiScWithMetadata } from '../../utils/types';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useFontStyles } from '../../utils/style';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { Markdown } from '../common/Markdown';\n\ninterface RiScInfoProps {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport function RiScInfo({ riScWithMetadata, edit }: RiScInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { label } = useFontStyles();\n\n  const { approveRiSc } = useRiScs();\n\n  return (\n    <Grid container>\n      <Grid\n        item\n        xs={12}\n        sm={6}\n        md={6}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <InfoCard>\n          <Box\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography variant=\"h5\">\n              {riScWithMetadata.content.title}\n            </Typography>\n            <EditButton onClick={edit} />\n          </Box>\n          <Typography className={label}>{t('dictionary.scope')}</Typography>\n          <Markdown description={riScWithMetadata.content.scope} />\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={6}>\n        <RiScStatusComponent\n          selectedRiSc={riScWithMetadata}\n          publishRiScFn={approveRiSc}\n        />\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,QAAS,CAAA,EAAE,gBAAkB,EAAA,IAAA,EAAuB,EAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,aAAc,EAAA;AAEhC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,QAAS,EAAA;AAEjC,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,EAAI,EAAA,EAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA;AAAA,SACjB;AAAA,QAEA,+BAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA;AAAA,gBACL,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,cAAgB,EAAA;AAAA,eAClB;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,gBAAA,CAAiB,QAAQ,KAC5B,EAAA,CAAA;AAAA,gCACA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,IAAM,EAAA;AAAA;AAAA;AAAA,WAC7B;AAAA,8BACC,UAAW,EAAA,EAAA,SAAA,EAAW,KAAQ,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA,0BACpD,GAAA,CAAA,QAAA,EAAA,EAAS,WAAa,EAAA,gBAAA,CAAiB,QAAQ,KAAO,EAAA;AAAA,SACzD,EAAA;AAAA;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,gBAAA;AAAA,QACd,aAAe,EAAA;AAAA;AAAA,KAEnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import { RiScWithMetadata } from '../../utils/types';\nimport {\n  Box,\n  Grid,\n  Typography,\n  Select,\n  MenuItem,\n  ListItemText,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { Markdown } from '../common/Markdown';\n\ninterface RiScInfoProps {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport function RiScInfo({ riScWithMetadata, edit }: RiScInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { approveRiSc, riScs, selectedRiSc, selectRiSc } = useRiScs();\n\n  return (\n    <Grid container>\n      <Grid\n        item\n        xs={12}\n        sm={6}\n        md={6}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <InfoCard>\n          <Box sx={{ mb: 2 }}>\n            {riScs !== null && riScs.length !== 0 && (\n              <>\n                <Typography\n                  variant=\"h6\"\n                  style={{ fontSize: 16, marginBottom: 1 }}\n                >\n                  {t('contentHeader.multipleRiScs')}\n                </Typography>\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.id ?? ''}\n                  onChange={e => selectRiSc(e.target.value as string)}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.id}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </>\n            )}\n          </Box>\n          <Box\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography variant=\"h5\">\n              {riScWithMetadata.content.title}\n            </Typography>\n            <EditButton onClick={edit} />\n          </Box>\n          <Markdown description={riScWithMetadata.content.scope} />\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={6}>\n        <RiScStatusComponent\n          selectedRiSc={riScWithMetadata}\n          publishRiScFn={approveRiSc}\n        />\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAsBO,SAAS,QAAS,CAAA,EAAE,gBAAkB,EAAA,IAAA,EAAuB,EAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,WAAa,EAAA,KAAA,EAAO,YAAc,EAAA,UAAA,KAAe,QAAS,EAAA;AAElE,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,EAAI,EAAA,EAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA;AAAA,SACjB;AAAA,QAEA,+BAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,EAAI,EAAA,CAAA,EACZ,EAAA,QAAA,EAAA,KAAA,KAAU,IAAQ,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,oBAEhC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,IAAA;AAAA,gBACR,KAAO,EAAA,EAAE,QAAU,EAAA,EAAA,EAAI,cAAc,CAAE,EAAA;AAAA,gBAEtC,YAAE,6BAA6B;AAAA;AAAA,aAClC;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,UAAA;AAAA,gBACR,KAAA,EAAO,cAAc,EAAM,IAAA,EAAA;AAAA,gBAC3B,QAAU,EAAA,CAAA,CAAA,KAAK,UAAW,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,gBAEjD,gBAAM,GAAI,CAAA,CAAA,IAAA,yBACR,QAAuB,EAAA,EAAA,KAAA,EAAO,KAAK,EAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,OAAS,EAAA,IAAA,CAAK,QAAQ,KAAO,EAAA,CAAA,EAAA,EAD9B,KAAK,EAEpB,CACD,KAAK;AAAC;AAAA;AACT,WAAA,EACF,CAEJ,EAAA,CAAA;AAAA,0BACA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA;AAAA,gBACL,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,cAAgB,EAAA;AAAA,eAClB;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,gBAAA,CAAiB,QAAQ,KAC5B,EAAA,CAAA;AAAA,gCACA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,IAAM,EAAA;AAAA;AAAA;AAAA,WAC7B;AAAA,0BACC,GAAA,CAAA,QAAA,EAAA,EAAS,WAAa,EAAA,gBAAA,CAAiB,QAAQ,KAAO,EAAA;AAAA,SACzD,EAAA;AAAA;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,gBAAA;AAAA,QACd,aAAe,EAAA;AAAA;AAAA,KAEnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/migrations/RiScMigrationChanges.esm.js

@@ -7,6 +7,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
 import { ChangeSetChangedProperty } from '../changeset/components/ChangeSetChangedProperty.esm.js';
 import { RiScMigrationChanges42 } from './RiScMigrationChanges42.esm.js';
+import { RiScMigrationChanges50 } from './RiScMigrationChanges50.esm.js';
 
 function RiScMigrationChanges({
   migrationStatus
@@ -25,7 +26,8 @@ function RiScMigrationChanges({
     ) }),
     migrationStatus.migrationChanges40 && /* @__PURE__ */ jsx(RiScMigrationChanges40, { changes: migrationStatus.migrationChanges40 }),
     migrationStatus.migrationChanges41 && /* @__PURE__ */ jsx(RiScMigrationChanges41, { changes: migrationStatus.migrationChanges41 }),
-    migrationStatus.migrationChanges42 && /* @__PURE__ */ jsx(RiScMigrationChanges42, { changes: migrationStatus.migrationChanges42 })
+    migrationStatus.migrationChanges42 && /* @__PURE__ */ jsx(RiScMigrationChanges42, { changes: migrationStatus.migrationChanges42 }),
+    migrationStatus.migrationChanges50 && /* @__PURE__ */ jsx(RiScMigrationChanges50, { changes: migrationStatus.migrationChanges50 })
   ] });
 }
 

package/dist/components/riScInfo/migrations/RiScMigrationChanges.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScMigrationChanges.esm.js","sources":["../../../../src/components/riScInfo/migrations/RiScMigrationChanges.tsx"],"sourcesContent":["import { ChangeSetTitle } from '../changeset/components/ChangeSetTitle.tsx';\nimport { ChangeSetBox } from '../changeset/components/ChangeSetBox.tsx';\nimport { RiScMigrationChanges40 } from './RiScMigrationChanges40.tsx';\nimport { RiScMigrationChanges41 } from './RiScMigrationChanges41.tsx';\nimport { MigrationStatus } from '../../../utils/types.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { ChangeSetChangedProperty } from '../changeset/components/ChangeSetChangedProperty.tsx';\nimport { RiScMigrationChanges42 } from './RiScMigrationChanges42.tsx';\n\ninterface RiScMigrationChangesProps {\n  migrationStatus: MigrationStatus;\n}\n\nexport function RiScMigrationChanges({\n  migrationStatus,\n}: RiScMigrationChangesProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <div>\n      <ChangeSetTitle text={t('migrationDialog.schemaVersion')} />\n      <ChangeSetBox type=\"primary\">\n        <ChangeSetChangedProperty\n          propertyName={t('migrationDialog.schemaVersion')}\n          oldValue={migrationStatus.migrationVersions?.fromVersion || ''}\n          newValue={migrationStatus.migrationVersions?.toVersion || ''}\n          compact={true}\n        />\n      </ChangeSetBox>\n      {migrationStatus.migrationChanges40 && (\n        <RiScMigrationChanges40 changes={migrationStatus.migrationChanges40} />\n      )}\n      {migrationStatus.migrationChanges41 && (\n        <RiScMigrationChanges41 changes={migrationStatus.migrationChanges41} />\n      )}\n      {migrationStatus.migrationChanges42 && (\n        <RiScMigrationChanges42 changes={migrationStatus.migrationChanges42} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcO,SAAS,oBAAqB,CAAA;AAAA,EACnC;AACF,CAA8B,EAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,IAAA,EAAM,CAAE,CAAA,+BAA+B,CAAG,EAAA,CAAA;AAAA,oBAC1D,GAAA,CAAC,YAAa,EAAA,EAAA,IAAA,EAAK,SACjB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,EAAE,+BAA+B,CAAA;AAAA,QAC/C,QAAA,EAAU,eAAgB,CAAA,iBAAA,EAAmB,WAAe,IAAA,EAAA;AAAA,QAC5D,QAAA,EAAU,eAAgB,CAAA,iBAAA,EAAmB,SAAa,IAAA,EAAA;AAAA,QAC1D,OAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,IACC,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA,CAAA;AAAA,IAEtE,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA,CAAA;AAAA,IAEtE,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA;AAAA,GAEzE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScMigrationChanges.esm.js","sources":["../../../../src/components/riScInfo/migrations/RiScMigrationChanges.tsx"],"sourcesContent":["import { ChangeSetTitle } from '../changeset/components/ChangeSetTitle.tsx';\nimport { ChangeSetBox } from '../changeset/components/ChangeSetBox.tsx';\nimport { RiScMigrationChanges40 } from './RiScMigrationChanges40.tsx';\nimport { RiScMigrationChanges41 } from './RiScMigrationChanges41.tsx';\nimport { MigrationStatus } from '../../../utils/types.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { ChangeSetChangedProperty } from '../changeset/components/ChangeSetChangedProperty.tsx';\nimport { RiScMigrationChanges42 } from './RiScMigrationChanges42.tsx';\nimport { RiScMigrationChanges50 } from './RiScMigrationChanges50.tsx';\n\ninterface RiScMigrationChangesProps {\n  migrationStatus: MigrationStatus;\n}\n\nexport function RiScMigrationChanges({\n  migrationStatus,\n}: RiScMigrationChangesProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <div>\n      <ChangeSetTitle text={t('migrationDialog.schemaVersion')} />\n      <ChangeSetBox type=\"primary\">\n        <ChangeSetChangedProperty\n          propertyName={t('migrationDialog.schemaVersion')}\n          oldValue={migrationStatus.migrationVersions?.fromVersion || ''}\n          newValue={migrationStatus.migrationVersions?.toVersion || ''}\n          compact={true}\n        />\n      </ChangeSetBox>\n      {migrationStatus.migrationChanges40 && (\n        <RiScMigrationChanges40 changes={migrationStatus.migrationChanges40} />\n      )}\n      {migrationStatus.migrationChanges41 && (\n        <RiScMigrationChanges41 changes={migrationStatus.migrationChanges41} />\n      )}\n      {migrationStatus.migrationChanges42 && (\n        <RiScMigrationChanges42 changes={migrationStatus.migrationChanges42} />\n      )}\n      {migrationStatus.migrationChanges50 && (\n        <RiScMigrationChanges50 changes={migrationStatus.migrationChanges50} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,SAAS,oBAAqB,CAAA;AAAA,EACnC;AACF,CAA8B,EAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,IAAA,EAAM,CAAE,CAAA,+BAA+B,CAAG,EAAA,CAAA;AAAA,oBAC1D,GAAA,CAAC,YAAa,EAAA,EAAA,IAAA,EAAK,SACjB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,EAAE,+BAA+B,CAAA;AAAA,QAC/C,QAAA,EAAU,eAAgB,CAAA,iBAAA,EAAmB,WAAe,IAAA,EAAA;AAAA,QAC5D,QAAA,EAAU,eAAgB,CAAA,iBAAA,EAAmB,SAAa,IAAA,EAAA;AAAA,QAC1D,OAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,IACC,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA,CAAA;AAAA,IAEtE,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA,CAAA;AAAA,IAEtE,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA,CAAA;AAAA,IAEtE,gBAAgB,kBACf,oBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,OAAA,EAAS,gBAAgB,kBAAoB,EAAA;AAAA,GAEzE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/migrations/RiScMigrationChanges50.esm.js

@@ -0,0 +1,54 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ChangeSetBox } from '../changeset/components/ChangeSetBox.esm.js';
+import { MigrationTitle } from './components/MigrationTitle.esm.js';
+import { ChangeSetTag } from '../changeset/components/ChangeSetTag.esm.js';
+import { ChangeSetBoxTitle } from '../changeset/components/ChangeSetBoxTitle.esm.js';
+import { ChangeSetTags } from '../changeset/components/ChangeSetTags.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+import { ChangeSetChangedProperty } from '../changeset/components/ChangeSetChangedProperty.esm.js';
+import { getTranslatedActionStatus } from '../../../utils/utilityfunctions.esm.js';
+
+function RiScMigrationChanges50({
+  changes
+}) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MigrationTitle,
+      {
+        from: "4.2",
+        to: "5.0",
+        migrationExplanation: t(
+          "migrationDialog.migration50.changeExplanation"
+        ),
+        changelogUrl: "https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md#50"
+      }
+    ),
+    changes.scenarios.map((scenario) => /* @__PURE__ */ jsxs(ChangeSetBox, { type: "primary", children: [
+      /* @__PURE__ */ jsx(ChangeSetTags, { children: /* @__PURE__ */ jsx(ChangeSetTag, { type: "primary", text: t("dictionary.scenario") }) }),
+      /* @__PURE__ */ jsx(ChangeSetBoxTitle, { title: scenario.title }),
+      scenario.changedActions.map((action) => /* @__PURE__ */ jsxs(ChangeSetBox, { type: "secondary", children: [
+        /* @__PURE__ */ jsx(ChangeSetTags, { children: /* @__PURE__ */ jsx(ChangeSetTag, { type: "primary", text: t("dictionary.action") }) }),
+        /* @__PURE__ */ jsx(ChangeSetBoxTitle, { title: action.title }),
+        /* @__PURE__ */ jsx(
+          ChangeSetChangedProperty,
+          {
+            propertyName: t("dictionary.status"),
+            oldValue: getTranslatedActionStatus(
+              action.changedActionStatus.oldValue,
+              t
+            ),
+            newValue: getTranslatedActionStatus(
+              action.changedActionStatus.newValue,
+              t
+            )
+          }
+        )
+      ] }))
+    ] }))
+  ] });
+}
+
+export { RiScMigrationChanges50 };
+//# sourceMappingURL=RiScMigrationChanges50.esm.js.map

package/dist/components/riScInfo/migrations/RiScMigrationChanges50.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiScMigrationChanges50.esm.js","sources":["../../../../src/components/riScInfo/migrations/RiScMigrationChanges50.tsx"],"sourcesContent":["import { MigrationChanges50 } from '../../../utils/types.ts';\nimport { ChangeSetBox } from '../changeset/components/ChangeSetBox.tsx';\nimport { MigrationTitle } from './components/MigrationTitle.tsx';\nimport { ChangeSetTag } from '../changeset/components/ChangeSetTag.tsx';\nimport { ChangeSetBoxTitle } from '../changeset/components/ChangeSetBoxTitle.tsx';\nimport { ChangeSetTags } from '../changeset/components/ChangeSetTags.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { ChangeSetChangedProperty } from '../changeset/components/ChangeSetChangedProperty.tsx';\nimport { getTranslatedActionStatus } from '../../../utils/utilityfunctions.ts';\n\ninterface RiScMigrationChanges50Props {\n  changes: MigrationChanges50;\n}\n\nexport function RiScMigrationChanges50({\n  changes,\n}: RiScMigrationChanges50Props) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <>\n      <MigrationTitle\n        from=\"4.2\"\n        to=\"5.0\"\n        migrationExplanation={t(\n          'migrationDialog.migration50.changeExplanation',\n        )}\n        changelogUrl=\"https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md#50\"\n      />\n      {changes.scenarios.map(scenario => (\n        <ChangeSetBox type=\"primary\">\n          <ChangeSetTags>\n            <ChangeSetTag type=\"primary\" text={t('dictionary.scenario')} />\n          </ChangeSetTags>\n          <ChangeSetBoxTitle title={scenario.title} />\n          {scenario.changedActions.map(action => (\n            <ChangeSetBox type=\"secondary\">\n              <ChangeSetTags>\n                <ChangeSetTag type=\"primary\" text={t('dictionary.action')} />\n              </ChangeSetTags>\n              <ChangeSetBoxTitle title={action.title} />\n              <ChangeSetChangedProperty\n                propertyName={t('dictionary.status')}\n                oldValue={getTranslatedActionStatus(\n                  action.changedActionStatus.oldValue,\n                  t,\n                )}\n                newValue={getTranslatedActionStatus(\n                  action.changedActionStatus.newValue,\n                  t,\n                )}\n              />\n            </ChangeSetBox>\n          ))}\n        </ChangeSetBox>\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,SAAS,sBAAuB,CAAA;AAAA,EACrC;AACF,CAAgC,EAAA;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,EAAG,EAAA,KAAA;AAAA,QACH,oBAAsB,EAAA,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACA,YAAa,EAAA;AAAA;AAAA,KACf;AAAA,IACC,QAAQ,SAAU,CAAA,GAAA,CAAI,8BACpB,IAAA,CAAA,YAAA,EAAA,EAAa,MAAK,SACjB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,aAAA,EAAA,EACC,8BAAC,YAAa,EAAA,EAAA,IAAA,EAAK,WAAU,IAAM,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAAG,CAC/D,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,iBAAA,EAAA,EAAkB,KAAO,EAAA,QAAA,CAAS,KAAO,EAAA,CAAA;AAAA,MACzC,SAAS,cAAe,CAAA,GAAA,CAAI,4BAC1B,IAAA,CAAA,YAAA,EAAA,EAAa,MAAK,WACjB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,aAAA,EAAA,EACC,8BAAC,YAAa,EAAA,EAAA,IAAA,EAAK,WAAU,IAAM,EAAA,CAAA,CAAE,mBAAmB,CAAA,EAAG,CAC7D,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,iBAAA,EAAA,EAAkB,KAAO,EAAA,MAAA,CAAO,KAAO,EAAA,CAAA;AAAA,wBACxC,GAAA;AAAA,UAAC,wBAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,mBAAmB,CAAA;AAAA,YACnC,QAAU,EAAA,yBAAA;AAAA,cACR,OAAO,mBAAoB,CAAA,QAAA;AAAA,cAC3B;AAAA,aACF;AAAA,YACA,QAAU,EAAA,yBAAA;AAAA,cACR,OAAO,mBAAoB,CAAA,QAAA;AAAA,cAC3B;AAAA;AACF;AAAA;AACF,OAAA,EACF,CACD;AAAA,KAAA,EACH,CACD;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScPlugin/RiScPlugin.esm.js

@@ -18,9 +18,6 @@ import { RiScInfo } from '../riScInfo/RiScInfo.esm.js';
 import AddCircle from '@mui/icons-material/AddCircle';
 import { Spinner } from '../common/Spinner.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
-import MUISelect from '@mui/material/Select';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemText from '@mui/material/ListItemText';
 import { ScenarioTableWrapper } from '../scenarioTable/ScenarioTable.esm.js';
 import { Delete, Settings } from '@mui/icons-material';
 import { RiScStatus } from '../../utils/types.esm.js';
@@ -48,8 +45,6 @@ function RiScPlugin() {
   }
   const {
     selectedRiSc,
-    riScs,
-    selectRiSc,
     isFetching,
     resetResponse,
     resetRiScStatus,
@@ -101,16 +96,6 @@ function RiScPlugin() {
       ) }),
       isFetching && /* @__PURE__ */ jsx(Spinner, { size: 80 }),
       /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
-        riScs !== null && riScs.length !== 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, children: /* @__PURE__ */ jsx(
-          MUISelect,
-          {
-            variant: "standard",
-            value: selectedRiSc?.id ?? "",
-            onChange: (e) => selectRiSc(e.target.value),
-            sx: { width: "100%" },
-            children: riScs.map((riSc) => /* @__PURE__ */ jsx(MenuItem, { value: riSc.id, children: /* @__PURE__ */ jsx(ListItemText, { primary: riSc.content.title }) }, riSc.id)) ?? []
-          }
-        ) }),
         !isFetching && /* @__PURE__ */ jsxs(Grid, { item: true, xs: true, children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -120,7 +105,7 @@ function RiScPlugin() {
               color: "success",
               onClick: openCreateRiScDialog,
               sx: {
-                minWidth: "205px"
+                alignItems: "right"
               },
               children: t("contentHeader.createNewButton")
             }

package/dist/components/riScPlugin/RiScPlugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ContentHeader, SupportButton } from '@backstage/core-components';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Typography from '@mui/material/Typography';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { RiScInfo } from '../riScInfo/RiScInfo';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTable';\nimport { Delete, Settings } from '@mui/icons-material';\nimport { RiScStatus } from '../../utils/types';\nimport { FeedbackDialog } from './FeedbackDialog.tsx';\n\nexport function RiScPlugin() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  function openCreateRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Create);\n  }\n\n  function openDeleteRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Delete);\n  }\n\n  function openEditRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n  }\n\n  function openEditEncryptionDialog() {\n    return setRiScDialogState(RiScDialogStates.EditEncryption);\n  }\n\n  function closeRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Closed);\n  }\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    isFetching,\n    resetResponse,\n    resetRiScStatus,\n    response,\n    updateStatus,\n  } = useRiScs();\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) {\n      resetRiScStatus();\n      resetResponse();\n    }\n  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n  return (\n    <>\n      {response && !updateStatus.isLoading && (\n        <Alert\n          severity={getAlertSeverity(updateStatus)}\n          sx={{ marginBottom: 2 }}\n        >\n          <Typography>{response.statusMessage}</Typography>\n        </Alert>\n      )}\n      {updateStatus.isLoading && (\n        <LinearProgress\n          sx={{\n            position: 'sticky',\n            top: 0,\n            margin: 2,\n          }}\n        />\n      )}\n\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <ContentHeader title={t('contentHeader.title')}>\n            <Grid\n              sx={{\n                display: 'flex',\n                flexDirection: 'row',\n              }}\n            >\n              <SupportButton />\n              <FeedbackDialog />\n            </Grid>\n          </ContentHeader>\n\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {riScs !== null && riScs.length !== 0 && (\n              <Grid item xs={12} sm={6}>\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.id ?? ''}\n                  onChange={e => selectRiSc(e.target.value)}\n                  sx={{ width: '100%' }}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.id}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </Grid>\n            )}\n\n            {!isFetching && (\n              <Grid item xs>\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"success\"\n                  onClick={openCreateRiScDialog}\n                  sx={{\n                    minWidth: '205px',\n                  }}\n                >\n                  {t('contentHeader.createNewButton')}\n                </Button>\n                {selectedRiSc &&\n                  selectedRiSc.status !== RiScStatus.DeletionDraft &&\n                  selectedRiSc.status !==\n                    RiScStatus.DeletionSentForApproval && (\n                    <>\n                      <Button\n                        startIcon={<Delete />}\n                        variant=\"text\"\n                        color=\"error\"\n                        onClick={openDeleteRiScDialog}\n                      >\n                        {t('contentHeader.deleteButton')}\n                      </Button>\n                      <Button\n                        startIcon={<Settings />}\n                        variant=\"text\"\n                        color=\"primary\"\n                        onClick={openEditEncryptionDialog}\n                      >\n                        {t('contentHeader.editEncryption')}\n                      </Button>\n                    </>\n                  )}\n              </Grid>\n            )}\n\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <RiScInfo\n                    riScWithMetadata={selectedRiSc}\n                    edit={openEditRiScDialog}\n                  />\n                </Grid>\n                <Grid item xs md={7} lg={8}>\n                  <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n                </Grid>\n                <Grid item xs md={5} lg={4}>\n                  <RiskMatrix riScWithMetadata={selectedRiSc} />\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog onClose={closeRiScDialog} dialogState={riScDialogState} />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n}\n"],"names":["Select"],"mappings":"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"}
+{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ContentHeader, SupportButton } from '@backstage/core-components';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Typography from '@mui/material/Typography';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { RiScInfo } from '../riScInfo/RiScInfo';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTable';\nimport { Delete, Settings } from '@mui/icons-material';\nimport { RiScStatus } from '../../utils/types';\nimport { FeedbackDialog } from './FeedbackDialog.tsx';\n\nexport function RiScPlugin() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  function openCreateRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Create);\n  }\n\n  function openDeleteRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Delete);\n  }\n\n  function openEditRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n  }\n\n  function openEditEncryptionDialog() {\n    return setRiScDialogState(RiScDialogStates.EditEncryption);\n  }\n\n  function closeRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Closed);\n  }\n\n  const {\n    selectedRiSc,\n    isFetching,\n    resetResponse,\n    resetRiScStatus,\n    response,\n    updateStatus,\n  } = useRiScs();\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) {\n      resetRiScStatus();\n      resetResponse();\n    }\n  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n  return (\n    <>\n      {response && !updateStatus.isLoading && (\n        <Alert\n          severity={getAlertSeverity(updateStatus)}\n          sx={{ marginBottom: 2 }}\n        >\n          <Typography>{response.statusMessage}</Typography>\n        </Alert>\n      )}\n      {updateStatus.isLoading && (\n        <LinearProgress\n          sx={{\n            position: 'sticky',\n            top: 0,\n            margin: 2,\n          }}\n        />\n      )}\n\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <ContentHeader title={t('contentHeader.title')}>\n            <Grid\n              sx={{\n                display: 'flex',\n                flexDirection: 'row',\n              }}\n            >\n              <SupportButton />\n              <FeedbackDialog />\n            </Grid>\n          </ContentHeader>\n\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {!isFetching && (\n              <Grid item xs>\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"success\"\n                  onClick={openCreateRiScDialog}\n                  sx={{\n                    alignItems: 'right',\n                  }}\n                >\n                  {t('contentHeader.createNewButton')}\n                </Button>\n                {selectedRiSc &&\n                  selectedRiSc.status !== RiScStatus.DeletionDraft &&\n                  selectedRiSc.status !==\n                    RiScStatus.DeletionSentForApproval && (\n                    <>\n                      <Button\n                        startIcon={<Delete />}\n                        variant=\"text\"\n                        color=\"error\"\n                        onClick={openDeleteRiScDialog}\n                      >\n                        {t('contentHeader.deleteButton')}\n                      </Button>\n                      <Button\n                        startIcon={<Settings />}\n                        variant=\"text\"\n                        color=\"primary\"\n                        onClick={openEditEncryptionDialog}\n                      >\n                        {t('contentHeader.editEncryption')}\n                      </Button>\n                    </>\n                  )}\n              </Grid>\n            )}\n\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <RiScInfo\n                    riScWithMetadata={selectedRiSc}\n                    edit={openEditRiScDialog}\n                  />\n                </Grid>\n                <Grid item xs md={7} lg={8}>\n                  <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n                </Grid>\n                <Grid item xs md={5} lg={4}>\n                  <RiskMatrix riScWithMetadata={selectedRiSc} />\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog onClose={closeRiScDialog} dialogState={riScDialogState} />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -17,7 +17,7 @@ import { useScenario } from '../../../contexts/ScenarioContext.esm.js';
 import { ActionStatusOptions } from '../../../utils/constants.esm.js';
 import { useIsMounted } from '../../../utils/hooks.esm.js';
 import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
-import { actionStatusOptionsToTranslationKeys, formatDate, calculateDaysSince, calculateUpdatedStatus, UpdatedStatusEnum, deleteAction } from '../../../utils/utilityfunctions.esm.js';
+import { getTranslatedActionStatus, formatDate, actionStatusOptionsToTranslationKeys, calculateDaysSince, calculateUpdatedStatus, UpdatedStatusEnum, 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';
@@ -40,9 +40,7 @@ function ActionBox({
   const { updateStatus, selectedRiSc } = useRiScs();
   const { submitEditedScenarioToRiSc, mapFormScenarioToScenario, scenario } = useScenario();
   const isActionTitlePresent = action.title !== null && action.title !== "";
-  const translatedActionStatus = t(
-    actionStatusOptionsToTranslationKeys[action.status]
-  );
+  const translatedActionStatus = getTranslatedActionStatus(action.status, t);
   const isMounted = useIsMounted();
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
@@ -175,7 +173,16 @@ function ActionBox({
                   DualButton,
                   {
                     propsCommon: {
-                      color: action.status === ActionStatusOptions.Completed ? "success" : "inherit"
+                      color: (() => {
+                        switch (action.status) {
+                          case ActionStatusOptions.OK:
+                            return "success";
+                          case ActionStatusOptions.NotOK:
+                            return "error";
+                          default:
+                            return "inherit";
+                        }
+                      })()
                     },
                     propsLeft: {
                       children: translatedActionStatus,
@@ -195,13 +202,18 @@ function ActionBox({
                     open,
                     onClose: handleMenuClose,
                     onClick: handleMenuClose,
-                    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))
+                    children: Object.values(ActionStatusOptions).map((value) => /* @__PURE__ */ jsx(
+                      MenuItem,
+                      {
+                        onClick: () => handleStatusChange(value),
+                        selected: value === action.status,
+                        /* @ts-ignore Because ts can't typecheck strings against our keys */
+                        children: t(
+                          actionStatusOptionsToTranslationKeys[value]
+                        )
+                      },
+                      value
+                    ))
                   }
                 ),
                 /* @__PURE__ */ jsxs(

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 { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  Cached,\n  Edit,\n  ExpandLess,\n  ExpandMore,\n  PriorityHigh,\n} from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\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, LastPublished } from '../../../utils/types';\nimport {\n  actionStatusOptionsToTranslationKeys,\n  calculateDaysSince,\n  calculateUpdatedStatus,\n  deleteAction,\n  formatDate,\n  UpdatedStatusEnum,\n} from '../../../utils/utilityfunctions';\nimport { Markdown } from '../../common/Markdown';\nimport { body2, emptyState, label } from '../../common/typography';\nimport { ActionFormItem } from './ActionFormItem';\nimport { DeleteActionConfirmation } from './DeleteConfirmation';\nimport { DualButton } from '../../common/DualButton';\nimport { Tooltip } from '@material-ui/core';\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, selectedRiSc } = 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    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  const parsedDateTime = action.lastUpdated\n    ? formatDate(action.lastUpdated)\n    : t('scenarioDrawer.action.notUpdated');\n\n  function updateActionInScenario(updates: Partial<Action>) {\n    const updatedScenario = {\n      ...scenario,\n      actions: scenario.actions.map(a =>\n        a.ID === action.ID ? { ...a, ...updates, lastUpdated: new Date() } : a,\n      ),\n    };\n    submitEditedScenarioToRiSc(updatedScenario);\n    if (isMounted()) handleMenuClose();\n  }\n\n  function handleStatusChange(newStatus: string) {\n    updateActionInScenario({ status: newStatus });\n  }\n\n  function refreshStatus() {\n    if (isSameDay()) return;\n    updateActionInScenario({});\n  }\n\n  function isSameDay(): boolean {\n    const currentAction = scenario.actions.find(a => a.ID === action.ID);\n    const lastUpdated = currentAction?.lastUpdated;\n    const today = new Date();\n\n    if (!lastUpdated) return false;\n    const lastUpdatedParsed =\n      typeof lastUpdated === 'string' ? new Date(lastUpdated) : lastUpdated;\n\n    return (\n      lastUpdatedParsed.getDate() === today.getDate() &&\n      lastUpdatedParsed.getMonth() === today.getMonth() &&\n      lastUpdatedParsed.getFullYear() === today.getFullYear()\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\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\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        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 2,\n            alignItems: 'center',\n          }}\n        >\n          <DualButton\n            propsCommon={{\n              color:\n                action.status === ActionStatusOptions.Completed\n                  ? 'success'\n                  : 'inherit',\n            }}\n            propsLeft={{\n              children: translatedActionStatus,\n              onClick: handleChipClick,\n            }}\n            propsRight={{\n              startIcon: <Cached />,\n              sx: { padding: '0 0 0 10px', minWidth: '30px' },\n              onClick: () => refreshStatus(),\n            }}\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          <Box\n            sx={{\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            <Typography>{t('scenarioDrawer.action.lastUpdated')}</Typography>\n            <Typography>{parsedDateTime}</Typography>\n          </Box>\n          <Exclamations\n            action={action}\n            lastPublished={selectedRiSc?.lastPublished}\n          />\n        </Box>\n        <IconButton onClick={handleDeleteAction}>\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n\n      <Collapse in={isExpanded} sx={{ marginTop: 1 }}>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Typography sx={{ ...label, marginTop: 1 }}>\n            {t('dictionary.description')}\n          </Typography>\n          <IconButton\n            sx={{\n              marginLeft: 'auto',\n              transition: 'opacity 300ms ease-in',\n            }}\n            onClick={() => setIsEditing(!isEditing)}\n          >\n            <Edit />\n          </IconButton>\n        </Box>\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\nfunction Exclamations({\n  action,\n  lastPublished,\n}: {\n  action: Action;\n  lastPublished?: LastPublished;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const daysSinceLastUpdate = action.lastUpdated\n    ? calculateDaysSince(new Date(action.lastUpdated))\n    : null;\n  const status = calculateUpdatedStatus(\n    daysSinceLastUpdate,\n    lastPublished?.numberOfCommits || null,\n  );\n\n  switch (status) {\n    case UpdatedStatusEnum.VERY_OUTDATED:\n      return (\n        <Tooltip title={t('rosStatus.updatedStatus.tooltip.VERY_OUTDATED')}>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              color: '#FF4444',\n            }}\n          >\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n          </Box>\n        </Tooltip>\n      );\n    case UpdatedStatusEnum.OUTDATED:\n      return (\n        <Tooltip title={t('rosStatus.updatedStatus.tooltip.OUTDATED')}>\n          <Box sx={{ color: '#FF8B38', minWidth: '24px', textAlign: 'right' }}>\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n          </Box>\n        </Tooltip>\n      );\n    case (UpdatedStatusEnum.UPDATED, UpdatedStatusEnum.LITTLE_OUTDATED):\n      return <Box sx={{ minWidth: '24px' }} />;\n    default:\n      return null;\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 {\n  Cached,\n  Edit,\n  ExpandLess,\n  ExpandMore,\n  PriorityHigh,\n} from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\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, LastPublished } from '../../../utils/types';\nimport {\n  actionStatusOptionsToTranslationKeys,\n  calculateDaysSince,\n  calculateUpdatedStatus,\n  deleteAction,\n  formatDate,\n  UpdatedStatusEnum,\n  getTranslatedActionStatus,\n} from '../../../utils/utilityfunctions';\nimport { Markdown } from '../../common/Markdown';\nimport { body2, emptyState, label } from '../../common/typography';\nimport { ActionFormItem } from './ActionFormItem';\nimport { DeleteActionConfirmation } from './DeleteConfirmation';\nimport { DualButton } from '../../common/DualButton';\nimport { Tooltip } from '@material-ui/core';\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, selectedRiSc } = 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 = getTranslatedActionStatus(action.status, t);\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    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  const parsedDateTime = action.lastUpdated\n    ? formatDate(action.lastUpdated)\n    : t('scenarioDrawer.action.notUpdated');\n\n  function updateActionInScenario(updates: Partial<Action>) {\n    const updatedScenario = {\n      ...scenario,\n      actions: scenario.actions.map(a =>\n        a.ID === action.ID ? { ...a, ...updates, lastUpdated: new Date() } : a,\n      ),\n    };\n\n    submitEditedScenarioToRiSc(updatedScenario);\n    if (isMounted()) handleMenuClose();\n  }\n\n  function handleStatusChange(newStatus: string) {\n    updateActionInScenario({ status: newStatus });\n  }\n\n  function refreshStatus() {\n    if (isSameDay()) return;\n    updateActionInScenario({});\n  }\n\n  function isSameDay(): boolean {\n    const currentAction = scenario.actions.find(a => a.ID === action.ID);\n    const lastUpdated = currentAction?.lastUpdated;\n    const today = new Date();\n\n    if (!lastUpdated) return false;\n    const lastUpdatedParsed =\n      typeof lastUpdated === 'string' ? new Date(lastUpdated) : lastUpdated;\n\n    return (\n      lastUpdatedParsed.getDate() === today.getDate() &&\n      lastUpdatedParsed.getMonth() === today.getMonth() &&\n      lastUpdatedParsed.getFullYear() === today.getFullYear()\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\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\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        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 2,\n            alignItems: 'center',\n          }}\n        >\n          <DualButton\n            propsCommon={{\n              color: (() => {\n                switch (action.status) {\n                  case ActionStatusOptions.OK:\n                    return 'success';\n                  case ActionStatusOptions.NotOK:\n                    return 'error';\n                  default:\n                    return 'inherit';\n                }\n              })(),\n            }}\n            propsLeft={{\n              children: translatedActionStatus,\n              onClick: handleChipClick,\n            }}\n            propsRight={{\n              startIcon: <Cached />,\n              sx: { padding: '0 0 0 10px', minWidth: '30px' },\n              onClick: () => refreshStatus(),\n            }}\n          />\n          <Menu\n            anchorEl={anchorEl}\n            open={open}\n            onClose={handleMenuClose}\n            onClick={handleMenuClose}\n          >\n            {Object.values(ActionStatusOptions).map(value => (\n              <MenuItem\n                key={value}\n                onClick={() => handleStatusChange(value)}\n                selected={value === action.status}\n              >\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          <Box\n            sx={{\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            <Typography>{t('scenarioDrawer.action.lastUpdated')}</Typography>\n            <Typography>{parsedDateTime}</Typography>\n          </Box>\n          <Exclamations\n            action={action}\n            lastPublished={selectedRiSc?.lastPublished}\n          />\n        </Box>\n        <IconButton onClick={handleDeleteAction}>\n          <DeleteIcon />\n        </IconButton>\n      </Box>\n\n      <Collapse in={isExpanded} sx={{ marginTop: 1 }}>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n          }}\n        >\n          <Typography sx={{ ...label, marginTop: 1 }}>\n            {t('dictionary.description')}\n          </Typography>\n          <IconButton\n            sx={{\n              marginLeft: 'auto',\n              transition: 'opacity 300ms ease-in',\n            }}\n            onClick={() => setIsEditing(!isEditing)}\n          >\n            <Edit />\n          </IconButton>\n        </Box>\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\nfunction Exclamations({\n  action,\n  lastPublished,\n}: {\n  action: Action;\n  lastPublished?: LastPublished;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const daysSinceLastUpdate = action.lastUpdated\n    ? calculateDaysSince(new Date(action.lastUpdated))\n    : null;\n  const status = calculateUpdatedStatus(\n    daysSinceLastUpdate,\n    lastPublished?.numberOfCommits || null,\n  );\n\n  switch (status) {\n    case UpdatedStatusEnum.VERY_OUTDATED:\n      return (\n        <Tooltip title={t('rosStatus.updatedStatus.tooltip.VERY_OUTDATED')}>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              color: '#FF4444',\n            }}\n          >\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n          </Box>\n        </Tooltip>\n      );\n    case UpdatedStatusEnum.OUTDATED:\n      return (\n        <Tooltip title={t('rosStatus.updatedStatus.tooltip.OUTDATED')}>\n          <Box sx={{ color: '#FF8B38', minWidth: '24px', textAlign: 'right' }}>\n            <PriorityHigh sx={{ marginRight: '-6px', marginLeft: '-6px' }} />\n          </Box>\n        </Tooltip>\n      );\n    case (UpdatedStatusEnum.UPDATED, UpdatedStatusEnum.LITTLE_OUTDATED):\n      return <Box sx={{ minWidth: '24px' }} />;\n    default:\n      return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/scenarioTable/ScenarioTableRow.esm.js

@@ -107,9 +107,11 @@ function ScenarioTableRow({
               ScenarioTableProgressBar,
               {
                 completedCount: scenario.actions.filter(
-                  (a) => a.status === ActionStatusOptions.Completed
+                  (a) => a.status === ActionStatusOptions.OK
                 ).length,
-                totalCount: scenario.actions.length
+                totalCount: scenario.actions.filter(
+                  (a) => a.status !== ActionStatusOptions.NotRelevant
+                ).length
               }
             );
           }

package/dist/components/scenarioTable/ScenarioTableRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScenarioTableRow.esm.js","sources":["../../../src/components/scenarioTable/ScenarioTableRow.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { IconButton, Paper, Typography } from '@material-ui/core';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport DragIndicatorIcon from '@mui/icons-material/DragIndicator';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport { useRef } from 'react';\nimport { useDrag, useDrop } from 'react-dnd';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ActionStatusOptions } from '../../utils/constants';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { Scenario } from '../../utils/types';\nimport {\n  deleteScenario,\n  getConsequenceLevel,\n  getProbabilityLevel,\n  getRiskMatrixColor,\n} from '../../utils/utilityfunctions';\nimport { ScenarioTableProgressBar } from './ScenarioTableProgressBar';\nimport { useTableStyles } from './ScenarioTableStyles';\n\ninterface ScenarioTableRowProps {\n  scenario: Scenario;\n  viewRow: (id: string) => void;\n  index: number;\n  moveRowFinal: (dragIndex: number, dropIndex: number) => void;\n  moveRowLocal: (dragIndex: number, hoverIndex: number) => void;\n  isLastRow?: boolean;\n  isEditing: boolean;\n}\n\nexport function ScenarioTableRow({\n  scenario,\n  viewRow,\n  index,\n  moveRowFinal,\n  moveRowLocal,\n  isLastRow,\n  isEditing,\n}: ScenarioTableRowProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    riskColor,\n    rowBackground,\n    rowBorder,\n    tableCell,\n    tableCellTitle,\n    tableCellContainer,\n  } = useTableStyles();\n\n  const { selectedRiSc: riSc, updateRiSc } = useRiScs();\n\n  const ref = useRef<HTMLTableRowElement>(null);\n\n  const [, drop] = useDrop({\n    accept: 'row',\n    hover(item: { index: number }, monitor) {\n      if (!ref.current) return;\n\n      const dragIndex = item.index;\n      const hoverIndex = index;\n      if (dragIndex === hoverIndex) return;\n\n      const hoverBoundingRect = ref.current?.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      const hoverClientY = clientOffset!.y - hoverBoundingRect.top;\n\n      const isMovingDown =\n        dragIndex < hoverIndex && hoverClientY < hoverMiddleY;\n      const isMovingUp = dragIndex > hoverIndex && hoverClientY > hoverMiddleY;\n      if (isMovingDown || isMovingUp) return;\n\n      moveRowLocal(dragIndex, hoverIndex);\n\n      item.index = hoverIndex;\n    },\n  });\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    type: 'row',\n    item: { index, originalIndex: index },\n\n    end: (item, monitor) => {\n      if (monitor.didDrop()) {\n        const finalIndex = item.index;\n        const { originalIndex } = item;\n\n        moveRowFinal(originalIndex, finalIndex);\n      }\n    },\n\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n  }));\n\n  preview(drop(ref));\n\n  return (\n    <TableRow\n      ref={ref}\n      className={`${isLastRow ? undefined : rowBorder} ${rowBackground}`}\n      onClick={() => viewRow(scenario.ID)}\n      style={{ opacity: isDragging ? 0.5 : 1 }}\n    >\n      {isEditing && (\n        <TableCell>\n          <IconButton size=\"small\" ref={drag}>\n            <DragIndicatorIcon\n              aria-label=\"Drag\"\n              sx={{ cursor: isDragging ? 'grabbing' : 'grab' }}\n            />\n          </IconButton>\n        </TableCell>\n      )}\n      <TableCell className={tableCellTitle}>\n        <Typography color=\"primary\" style={{ fontWeight: 600 }}>\n          {scenario.title}\n        </Typography>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          <Paper\n            className={riskColor}\n            style={{\n              backgroundColor: getRiskMatrixColor(scenario.risk),\n            }}\n          />\n          {t('scenarioTable.columns.probabilityChar')}:\n          {getProbabilityLevel(scenario.risk)}{' '}\n          {t('scenarioTable.columns.consequenceChar')}:\n          {getConsequenceLevel(scenario.risk)}\n        </div>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          {(() => {\n            if (scenario.actions.length > 0) {\n              return (\n                <ScenarioTableProgressBar\n                  completedCount={\n                    scenario.actions.filter(\n                      a => a.status === ActionStatusOptions.Completed,\n                    ).length\n                  }\n                  totalCount={scenario.actions.length}\n                />\n              );\n            }\n            return t('scenarioTable.noActions');\n          })()}\n        </div>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          <Paper\n            className={riskColor}\n            style={{\n              backgroundColor: getRiskMatrixColor(scenario.remainingRisk),\n            }}\n          />\n          {t('scenarioTable.columns.probabilityChar')}:\n          {getProbabilityLevel(scenario.remainingRisk)}{' '}\n          {t('scenarioTable.columns.consequenceChar')}:\n          {getConsequenceLevel(scenario.remainingRisk)}\n        </div>\n      </TableCell>\n      {isEditing && (\n        <TableCell>\n          <IconButton\n            size=\"small\"\n            onClick={() => deleteScenario(riSc, updateRiSc, scenario)}\n          >\n            <DeleteIcon />\n          </IconButton>\n        </TableCell>\n      )}\n    </TableRow>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScenarioTableRow.esm.js","sources":["../../../src/components/scenarioTable/ScenarioTableRow.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { IconButton, Paper, Typography } from '@material-ui/core';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport DragIndicatorIcon from '@mui/icons-material/DragIndicator';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport { useRef } from 'react';\nimport { useDrag, useDrop } from 'react-dnd';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ActionStatusOptions } from '../../utils/constants';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { Scenario } from '../../utils/types';\nimport {\n  deleteScenario,\n  getConsequenceLevel,\n  getProbabilityLevel,\n  getRiskMatrixColor,\n} from '../../utils/utilityfunctions';\nimport { ScenarioTableProgressBar } from './ScenarioTableProgressBar';\nimport { useTableStyles } from './ScenarioTableStyles';\n\ninterface ScenarioTableRowProps {\n  scenario: Scenario;\n  viewRow: (id: string) => void;\n  index: number;\n  moveRowFinal: (dragIndex: number, dropIndex: number) => void;\n  moveRowLocal: (dragIndex: number, hoverIndex: number) => void;\n  isLastRow?: boolean;\n  isEditing: boolean;\n}\n\nexport function ScenarioTableRow({\n  scenario,\n  viewRow,\n  index,\n  moveRowFinal,\n  moveRowLocal,\n  isLastRow,\n  isEditing,\n}: ScenarioTableRowProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    riskColor,\n    rowBackground,\n    rowBorder,\n    tableCell,\n    tableCellTitle,\n    tableCellContainer,\n  } = useTableStyles();\n\n  const { selectedRiSc: riSc, updateRiSc } = useRiScs();\n\n  const ref = useRef<HTMLTableRowElement>(null);\n\n  const [, drop] = useDrop({\n    accept: 'row',\n    hover(item: { index: number }, monitor) {\n      if (!ref.current) return;\n\n      const dragIndex = item.index;\n      const hoverIndex = index;\n      if (dragIndex === hoverIndex) return;\n\n      const hoverBoundingRect = ref.current?.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      const hoverClientY = clientOffset!.y - hoverBoundingRect.top;\n\n      const isMovingDown =\n        dragIndex < hoverIndex && hoverClientY < hoverMiddleY;\n      const isMovingUp = dragIndex > hoverIndex && hoverClientY > hoverMiddleY;\n      if (isMovingDown || isMovingUp) return;\n\n      moveRowLocal(dragIndex, hoverIndex);\n\n      item.index = hoverIndex;\n    },\n  });\n\n  const [{ isDragging }, drag, preview] = useDrag(() => ({\n    type: 'row',\n    item: { index, originalIndex: index },\n\n    end: (item, monitor) => {\n      if (monitor.didDrop()) {\n        const finalIndex = item.index;\n        const { originalIndex } = item;\n\n        moveRowFinal(originalIndex, finalIndex);\n      }\n    },\n\n    collect: monitor => ({\n      isDragging: monitor.isDragging(),\n    }),\n  }));\n\n  preview(drop(ref));\n\n  return (\n    <TableRow\n      ref={ref}\n      className={`${isLastRow ? undefined : rowBorder} ${rowBackground}`}\n      onClick={() => viewRow(scenario.ID)}\n      style={{ opacity: isDragging ? 0.5 : 1 }}\n    >\n      {isEditing && (\n        <TableCell>\n          <IconButton size=\"small\" ref={drag}>\n            <DragIndicatorIcon\n              aria-label=\"Drag\"\n              sx={{ cursor: isDragging ? 'grabbing' : 'grab' }}\n            />\n          </IconButton>\n        </TableCell>\n      )}\n      <TableCell className={tableCellTitle}>\n        <Typography color=\"primary\" style={{ fontWeight: 600 }}>\n          {scenario.title}\n        </Typography>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          <Paper\n            className={riskColor}\n            style={{\n              backgroundColor: getRiskMatrixColor(scenario.risk),\n            }}\n          />\n          {t('scenarioTable.columns.probabilityChar')}:\n          {getProbabilityLevel(scenario.risk)}{' '}\n          {t('scenarioTable.columns.consequenceChar')}:\n          {getConsequenceLevel(scenario.risk)}\n        </div>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          {(() => {\n            if (scenario.actions.length > 0) {\n              return (\n                <ScenarioTableProgressBar\n                  completedCount={\n                    scenario.actions.filter(\n                      a => a.status === ActionStatusOptions.OK,\n                    ).length\n                  }\n                  totalCount={\n                    scenario.actions.filter(\n                      a => a.status !== ActionStatusOptions.NotRelevant,\n                    ).length\n                  }\n                />\n              );\n            }\n            return t('scenarioTable.noActions');\n          })()}\n        </div>\n      </TableCell>\n      <TableCell className={tableCell}>\n        <div className={tableCellContainer}>\n          <Paper\n            className={riskColor}\n            style={{\n              backgroundColor: getRiskMatrixColor(scenario.remainingRisk),\n            }}\n          />\n          {t('scenarioTable.columns.probabilityChar')}:\n          {getProbabilityLevel(scenario.remainingRisk)}{' '}\n          {t('scenarioTable.columns.consequenceChar')}:\n          {getConsequenceLevel(scenario.remainingRisk)}\n        </div>\n      </TableCell>\n      {isEditing && (\n        <TableCell>\n          <IconButton\n            size=\"small\"\n            onClick={() => deleteScenario(riSc, updateRiSc, scenario)}\n          >\n            <DeleteIcon />\n          </IconButton>\n        </TableCell>\n      )}\n    </TableRow>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/contexts/ScenarioContext.esm.js

@@ -8,13 +8,13 @@ import { riScRouteRef, scenarioRouteRef } from '../routes.esm.js';
 import { pluginRiScTranslationRef } from '../utils/translations.esm.js';
 import { generateRandomId, roundConsequenceToNearestConsequenceOption, roundProbabilityToNearestProbabilityOption } from '../utils/utilityfunctions.esm.js';
 import { useRiScs } from './RiScContext.esm.js';
-import { consequenceOptions, probabilityOptions } from '../utils/constants.esm.js';
+import { consequenceOptions, probabilityOptions, ActionStatusOptions } from '../utils/constants.esm.js';
 
 const emptyAction = () => ({
   ID: generateRandomId(),
   title: "",
   description: "",
-  status: "Not started",
+  status: ActionStatusOptions.NotOK,
   url: ""
 });
 const emptyScenario = () => ({