@kartverket/backstage-plugin-risk-scorecard 3.3.0 → 3.3.10

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,26 @@ 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),
+                style: { width: "100%" },
+                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 +58,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                  style={{ 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              </>\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":"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"}

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 { getTranslatedActionStatus, formatDate, actionStatusOptionsToTranslationKeys, calculateDaysSince, calculateUpdatedStatus, UpdatedStatusEnum, deleteAction } from '../../../utils/utilityfunctions.esm.js';
+import { getTranslatedActionStatus, formatDate, getActionStatusStyle, getActionStatusColor, 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';
@@ -30,7 +30,8 @@ function ActionBox({
   index,
   formMethods,
   remove,
-  onSubmit
+  onSubmit,
+  setCurrentUpdatedActionIDs
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { isActionExpanded, toggleActionExpanded } = useScenario();
@@ -71,13 +72,7 @@ function ActionBox({
   function handleStatusChange(newStatus) {
     updateActionInScenario({ status: newStatus });
   }
-  function refreshStatus() {
-    if (isSameDay()) return;
-    updateActionInScenario({});
-  }
-  function isSameDay() {
-    const currentAction = scenario.actions.find((a) => a.ID === action.ID);
-    const lastUpdated = currentAction?.lastUpdated;
+  function isToday(lastUpdated) {
     const today = /* @__PURE__ */ new Date();
     if (!lastUpdated) return false;
     const lastUpdatedParsed = typeof lastUpdated === "string" ? new Date(lastUpdated) : lastUpdated;
@@ -173,7 +168,8 @@ function ActionBox({
                   DualButton,
                   {
                     propsCommon: {
-                      color: action.status === ActionStatusOptions.OK ? "success" : "inherit"
+                      color: getActionStatusColor(action.status),
+                      style: getActionStatusStyle(action.status)
                     },
                     propsLeft: {
                       children: translatedActionStatus,
@@ -182,7 +178,16 @@ function ActionBox({
                     propsRight: {
                       startIcon: /* @__PURE__ */ jsx(Cached, {}),
                       sx: { padding: "0 0 0 10px", minWidth: "30px" },
-                      onClick: () => refreshStatus()
+                      onClick: () => {
+                        if (isToday(action.lastUpdated ?? null)) return;
+                        formMethods.setValue(
+                          `actions.${index}.lastUpdated`,
+                          /* @__PURE__ */ new Date()
+                        );
+                        setCurrentUpdatedActionIDs(
+                          (prev) => prev.includes(action.ID) ? prev : [...prev, action.ID]
+                        );
+                      }
                     }
                   }
                 ),
@@ -193,13 +198,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(
@@ -324,7 +334,8 @@ function Exclamations({
       ) });
     case UpdatedStatusEnum.OUTDATED:
       return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updatedStatus.tooltip.OUTDATED"), children: /* @__PURE__ */ jsx(Box, { sx: { color: "#FF8B38", minWidth: "24px", textAlign: "right" }, children: /* @__PURE__ */ jsx(PriorityHigh, { sx: { marginRight: "-6px", marginLeft: "-6px" } }) }) });
-    case (UpdatedStatusEnum.LITTLE_OUTDATED):
+    case UpdatedStatusEnum.UPDATED:
+    case UpdatedStatusEnum.LITTLE_OUTDATED:
       return /* @__PURE__ */ jsx(Box, { sx: { minWidth: "24px" } });
     default:
       return null;

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  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                action.status === ActionStatusOptions.OK\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  getActionStatusColor,\n  getActionStatusStyle,\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  setCurrentUpdatedActionIDs: React.Dispatch<React.SetStateAction<string[]>>;\n}\n\nexport function ActionBox({\n  action,\n  index,\n  formMethods,\n  remove,\n  onSubmit,\n  setCurrentUpdatedActionIDs,\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 isToday(lastUpdated: Date | null): boolean {\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: getActionStatusColor(action.status),\n              style: getActionStatusStyle(action.status),\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: () => {\n                if (isToday(action.lastUpdated ?? null)) return;\n                formMethods.setValue(\n                  `actions.${index}.lastUpdated`,\n                  new Date(),\n                );\n                setCurrentUpdatedActionIDs(prev =>\n                  prev.includes(action.ID) ? prev : [...prev, action.ID],\n                );\n              },\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:\n    case 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/scenarioDrawer/components/ActionsSection.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ActionBox } from './ActionBox.esm.js';
-import { Fragment } from 'react';
+import { useMemo, useState, Fragment } from 'react';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
-import { emptyAction } from '../../../contexts/ScenarioContext.esm.js';
+import { useScenario, emptyAction } from '../../../contexts/ScenarioContext.esm.js';
 import { section } from '../scenarioDrawerComponents.esm.js';
 import { heading3, emptyState } from '../../common/typography.esm.js';
 import Divider from '@mui/material/Divider';
@@ -14,6 +14,8 @@ import { ActionFormItem } from './ActionFormItem.esm.js';
 import Button from '@mui/material/Button';
 import { AddCircle } from '@mui/icons-material';
 import Box from '@mui/material/Box';
+import { ActionStatusOptions } from '../../../utils/constants.esm.js';
+import { useDebounce } from '../../../utils/hooks.esm.js';
 
 function ActionsSection({
   formMethods,
@@ -27,6 +29,31 @@ function ActionsSection({
     name: "actions"
   });
   const currentActions = watch("actions");
+  const sortedActionsWithIndex = useMemo(() => {
+    if (!currentActions || currentActions.length === 0) return [];
+    return currentActions.map((action, originalIndex) => ({ action, originalIndex })).sort((a, b) => {
+      if (a.action.status === ActionStatusOptions.NotRelevant && b.action.status !== ActionStatusOptions.NotRelevant) {
+        return 1;
+      }
+      if (b.action.status === ActionStatusOptions.NotRelevant && a.action.status !== ActionStatusOptions.NotRelevant) {
+        return -1;
+      }
+      return 0;
+    });
+  }, [currentActions]);
+  const [currentUpdatedActionIDs, setCurrentUpdatedActionIDs] = useState([]);
+  const { submitEditedScenarioToRiSc, scenario } = useScenario();
+  useDebounce(currentUpdatedActionIDs, 6e3, (updatedIDs) => {
+    if (updatedIDs.length === 0) return;
+    const updatedScenario = {
+      ...scenario,
+      actions: scenario.actions.map(
+        (a) => updatedIDs.find((id) => id === a.ID) ? { ...a, lastUpdated: /* @__PURE__ */ new Date() } : a
+      )
+    };
+    submitEditedScenarioToRiSc(updatedScenario);
+    setCurrentUpdatedActionIDs([]);
+  });
   if (isEditing) {
     return /* @__PURE__ */ jsxs(Paper, { sx: section, children: [
       /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
@@ -57,19 +84,20 @@ function ActionsSection({
   }
   return /* @__PURE__ */ jsxs(Paper, { sx: section, children: [
     /* @__PURE__ */ jsx(Typography, { sx: heading3, children: t("dictionary.measures") }),
-    fields.length > 0 ? fields.map((field, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    sortedActionsWithIndex.length > 0 ? sortedActionsWithIndex.map(({ action, originalIndex }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsx(
         ActionBox,
         {
-          action: currentActions[index],
-          index,
+          action,
+          index: originalIndex,
           formMethods,
           remove,
-          onSubmit
+          onSubmit,
+          setCurrentUpdatedActionIDs
         }
       )
-    ] }, field.id)) : /* @__PURE__ */ jsx(Typography, { sx: emptyState, children: t("dictionary.emptyField", {
+    ] }, fields[originalIndex].id)) : /* @__PURE__ */ jsx(Typography, { sx: emptyState, children: t("dictionary.emptyField", {
       field: t("dictionary.measures").toLowerCase()
     }) })
   ] });

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

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

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

@@ -109,7 +109,9 @@ function ScenarioTableRow({
                 completedCount: scenario.actions.filter(
                   (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.OK,\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/utils/hooks.esm.js

@@ -266,6 +266,22 @@ function useIsMounted() {
   }, []);
   return useCallback(() => mountedRef.current, []);
 }
+function useDebounce(value, delay, callback) {
+  const timeoutRef = useRef(null);
+  useEffect(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      callback(value);
+    }, delay);
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [value, delay, callback]);
+}
 
-export { useAuthenticatedFetch, useGithubRepositoryInformation, useIsMounted };
+export { useAuthenticatedFetch, useDebounce, useGithubRepositoryInformation, useIsMounted };
 //# sourceMappingURL=hooks.esm.js.map