@kartverket/backstage-plugin-risk-scorecard 3.9.3 → 3.9.5

package/dist/PluginRoot.esm.js

@@ -9,6 +9,7 @@ import { RiScProvider } from './contexts/RiScContext.esm.js';
 import 'remixicon/fonts/remixicon.css';
 import './plugins/ros/css/theme.css.esm.js';
 import { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.esm.js';
+import { BackstageContextProvider } from './contexts/BackstageContext.esm.js';
 
 const emotionInsertionPoint = document.createElement("meta");
 emotionInsertionPoint.setAttribute("name", "emotion-insertion-point");
@@ -18,7 +19,7 @@ const cache = createCache({
   insertionPoint: emotionInsertionPoint
 });
 function ProvidedPlugin() {
-  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(RiScProvider, { children: /* @__PURE__ */ jsx(DefaultRiScTypesProvider, { children: /* @__PURE__ */ jsx(ScenarioProvider, { children: /* @__PURE__ */ jsx(RiScPlugin, {}) }) }) }) });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(BackstageContextProvider, { children: /* @__PURE__ */ jsx(RiScProvider, { children: /* @__PURE__ */ jsx(DefaultRiScTypesProvider, { children: /* @__PURE__ */ jsx(ScenarioProvider, { children: /* @__PURE__ */ jsx(RiScPlugin, {}) }) }) }) }) });
 }
 function PluginRoot() {
   return /* @__PURE__ */ jsxs(Routes, { children: [

package/dist/PluginRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport 'remixicon/fonts/remixicon.css';\nimport '../css/theme.css';\nimport { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.tsx';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <RiScProvider>\n        <DefaultRiScTypesProvider>\n          <ScenarioProvider>\n            <RiScPlugin />\n          </ScenarioProvider>\n        </DefaultRiScTypesProvider>\n      </RiScProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAWA,MAAM,qBAAA,GAAwB,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAA,CAAsB,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA,EAAG,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAA,CAAY;AAAA,EACxB,GAAA,EAAK,KAAA;AAAA,EACL,cAAA,EAAgB;AAClB,CAAC,CAAA;AAED,SAAS,cAAA,GAAiB;AACxB,EAAA,uBACE,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EACpB,8BAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,oBACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA,EACd,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;AAEO,SAAS,UAAA,GAAa;AAC3B,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAA,EAAM,YAAA,CAAa,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAA,EAAM,gBAAA,CAAiB,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI;AAAA,GAAA,EACnE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport 'remixicon/fonts/remixicon.css';\nimport '../css/theme.css';\nimport { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.tsx';\nimport { BackstageContextProvider } from './contexts/BackstageContext.tsx';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <BackstageContextProvider>\n        <RiScProvider>\n          <DefaultRiScTypesProvider>\n            <ScenarioProvider>\n              <RiScPlugin />\n            </ScenarioProvider>\n          </DefaultRiScTypesProvider>\n        </RiScProvider>\n      </BackstageContextProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYA,MAAM,qBAAA,GAAwB,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAA,CAAsB,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA,EAAG,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAA,CAAY;AAAA,EACxB,GAAA,EAAK,KAAA;AAAA,EACL,cAAA,EAAgB;AAClB,CAAC,CAAA;AAED,SAAS,cAAA,GAAiB;AACxB,EAAA,2BACG,aAAA,EAAA,EAAc,KAAA,EAAO,OACpB,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,8BAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,oBACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,GACd,CAAA,EACF,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;AAEO,SAAS,UAAA,GAAa;AAC3B,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAA,EAAM,YAAA,CAAa,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAA,EAAM,gBAAA,CAAiB,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI;AAAA,GAAA,EACnE,CAAA;AAEJ;;;;"}

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

@@ -17,7 +17,7 @@ function MatrixDialog({
   close
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "lg", open, onClose: close, children: [
+  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "lg", open, onClose: close, disablePortal: true, children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: t("scenarioDrawer.riskMatrixModal.title") }),
     /* @__PURE__ */ jsx(
       IconButton,

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

@@ -1 +1 @@
-{"version":3,"file":"MatrixDialog.esm.js","sources":["../../../src/components/riScDialog/MatrixDialog.tsx"],"sourcesContent":["import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport { Button, Text } from '@backstage/ui';\n\nexport function MatrixDialog({\n  open,\n  close,\n}: {\n  open: boolean;\n  close: () => void;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Dialog maxWidth=\"lg\" open={open} onClose={close}>\n      <DialogTitle>{t('scenarioDrawer.riskMatrixModal.title')}</DialogTitle>\n      <IconButton\n        aria-label=\"close\"\n        onClick={close}\n        sx={{\n          position: 'absolute',\n          right: 8,\n          top: 8,\n          color: theme => theme.palette.grey[500],\n        }}\n      >\n        <CloseIcon />\n      </IconButton>\n      <DialogContent>\n        <Text as=\"p\" variant=\"body-large\" style={{ paddingBottom: '32px' }}>\n          {t('scenarioStepper.initialRiskStep.subtitle')}\n        </Text>\n        <Box>\n          <Text\n            variant=\"title-x-small\"\n            weight=\"bold\"\n            style={{ paddingBottom: '4px' }}\n          >\n            {t('dictionary.probability')}\n          </Text>\n        </Box>\n        <ProbabilityTableInfoWithHeaders />\n        <Box>\n          <Text\n            variant=\"title-x-small\"\n            weight=\"bold\"\n            style={{ paddingTop: '32px', paddingBottom: '4px' }}\n          >\n            {t('dictionary.consequence')}\n          </Text>\n        </Box>\n        <ConsequenceTableInfoWithHeaders />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close}>{t('dictionary.close')}</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,4BACG,MAAA,EAAA,EAAO,QAAA,EAAS,IAAA,EAAK,IAAA,EAAY,SAAS,KAAA,EACzC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAAA,EAAE,CAAA;AAAA,oBACxD,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,OAAA;AAAA,QACX,OAAA,EAAS,KAAA;AAAA,QACT,EAAA,EAAI;AAAA,UACF,QAAA,EAAU,UAAA;AAAA,UACV,KAAA,EAAO,CAAA;AAAA,UACP,GAAA,EAAK,CAAA;AAAA,UACL,KAAA,EAAO,CAAA,KAAA,KAAS,KAAA,CAAM,OAAA,CAAQ,KAAK,GAAG;AAAA,SACxC;AAAA,QAEA,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,KACb;AAAA,yBACC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,YAAA,EAAa,KAAA,EAAO,EAAE,aAAA,EAAe,MAAA,EAAO,EAC9D,QAAA,EAAA,CAAA,CAAE,0CAA0C,CAAA,EAC/C,CAAA;AAAA,0BACC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,eAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,KAAA,EAAO,EAAE,aAAA,EAAe,KAAA,EAAM;AAAA,UAE7B,YAAE,wBAAwB;AAAA;AAAA,OAC7B,EACF,CAAA;AAAA,0BACC,+BAAA,EAAA,EAAgC,CAAA;AAAA,0BAChC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,eAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,KAAA,EAAO,EAAE,UAAA,EAAY,MAAA,EAAQ,eAAe,KAAA,EAAM;AAAA,UAEjD,YAAE,wBAAwB;AAAA;AAAA,OAC7B,EACF,CAAA;AAAA,0BACC,+BAAA,EAAA,EAAgC;AAAA,KAAA,EACnC,CAAA;AAAA,oBACA,GAAA,CAAC,iBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,KAAA,EAAQ,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAA,EAAE,CAAA,EACjD;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MatrixDialog.esm.js","sources":["../../../src/components/riScDialog/MatrixDialog.tsx"],"sourcesContent":["import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogActions from '@mui/material/DialogActions';\nimport { Button, Text } from '@backstage/ui';\n\nexport function MatrixDialog({\n  open,\n  close,\n}: {\n  open: boolean;\n  close: () => void;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Dialog maxWidth=\"lg\" open={open} onClose={close} disablePortal>\n      <DialogTitle>{t('scenarioDrawer.riskMatrixModal.title')}</DialogTitle>\n      <IconButton\n        aria-label=\"close\"\n        onClick={close}\n        sx={{\n          position: 'absolute',\n          right: 8,\n          top: 8,\n          color: theme => theme.palette.grey[500],\n        }}\n      >\n        <CloseIcon />\n      </IconButton>\n      <DialogContent>\n        <Text as=\"p\" variant=\"body-large\" style={{ paddingBottom: '32px' }}>\n          {t('scenarioStepper.initialRiskStep.subtitle')}\n        </Text>\n        <Box>\n          <Text\n            variant=\"title-x-small\"\n            weight=\"bold\"\n            style={{ paddingBottom: '4px' }}\n          >\n            {t('dictionary.probability')}\n          </Text>\n        </Box>\n        <ProbabilityTableInfoWithHeaders />\n        <Box>\n          <Text\n            variant=\"title-x-small\"\n            weight=\"bold\"\n            style={{ paddingTop: '32px', paddingBottom: '4px' }}\n          >\n            {t('dictionary.consequence')}\n          </Text>\n        </Box>\n        <ConsequenceTableInfoWithHeaders />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close}>{t('dictionary.close')}</Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAaO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,uBACE,IAAA,CAAC,UAAO,QAAA,EAAS,IAAA,EAAK,MAAY,OAAA,EAAS,KAAA,EAAO,eAAa,IAAA,EAC7D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAAA,EAAE,CAAA;AAAA,oBACxD,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,OAAA;AAAA,QACX,OAAA,EAAS,KAAA;AAAA,QACT,EAAA,EAAI;AAAA,UACF,QAAA,EAAU,UAAA;AAAA,UACV,KAAA,EAAO,CAAA;AAAA,UACP,GAAA,EAAK,CAAA;AAAA,UACL,KAAA,EAAO,CAAA,KAAA,KAAS,KAAA,CAAM,OAAA,CAAQ,KAAK,GAAG;AAAA,SACxC;AAAA,QAEA,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,KACb;AAAA,yBACC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,YAAA,EAAa,KAAA,EAAO,EAAE,aAAA,EAAe,MAAA,EAAO,EAC9D,QAAA,EAAA,CAAA,CAAE,0CAA0C,CAAA,EAC/C,CAAA;AAAA,0BACC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,eAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,KAAA,EAAO,EAAE,aAAA,EAAe,KAAA,EAAM;AAAA,UAE7B,YAAE,wBAAwB;AAAA;AAAA,OAC7B,EACF,CAAA;AAAA,0BACC,+BAAA,EAAA,EAAgC,CAAA;AAAA,0BAChC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,eAAA;AAAA,UACR,MAAA,EAAO,MAAA;AAAA,UACP,KAAA,EAAO,EAAE,UAAA,EAAY,MAAA,EAAQ,eAAe,KAAA,EAAM;AAAA,UAEjD,YAAE,wBAAwB;AAAA;AAAA,OAC7B,EACF,CAAA;AAAA,0BACC,+BAAA,EAAA,EAAgC;AAAA,KAAA,EACnC,CAAA;AAAA,oBACA,GAAA,CAAC,iBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,KAAA,EAAQ,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAA,EAAE,CAAA,EACjD;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -133,7 +133,7 @@ function RiScDialog({
     onClose();
   });
   if (dialogState === 1 /* Create */) {
-    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, children: [
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, disablePortal: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: t("rosDialog.titleNew") }),
       /* @__PURE__ */ jsx(RiScStepper, { activeStep, children: /* @__PURE__ */ jsxs(
         DialogContent,
@@ -199,7 +199,7 @@ function RiScDialog({
     ] });
   }
   if (dialogState === 5 /* Delete */) {
-    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, children: [
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, disablePortal: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: t("deleteDialog.title") }),
       /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContent, { children: t("deleteDialog.confirmationMessage") }) }),
       /* @__PURE__ */ jsxs(DialogActions, { children: [
@@ -209,7 +209,7 @@ function RiScDialog({
     ] });
   }
   if (dialogState === 2 /* EditRiscInfo */) {
-    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, children: [
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, disablePortal: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: t("rosDialog.titleEdit") }) }),
       /* @__PURE__ */ jsx(
         DialogContent,
@@ -256,7 +256,7 @@ function RiScDialog({
     ] });
   }
   if (dialogState === 4 /* EditEncryption */) {
-    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, children: [
+    return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, disablePortal: true, children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: t("rosDialog.editEncryption") }),
       /* @__PURE__ */ jsx(
         DialogContent,

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

@@ -1 +1 @@
-{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultRiScType, RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport { dialogActions } from '../common/mixins';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport { Flex, Box, Button } from '@backstage/ui';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  SelectInitialRisc = 3,\n  EditEncryption = 4,\n  Delete = 5,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n  onDelete: () => void;\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [\n    t('rosDialog.initialRiscTitle'),\n    t('rosDialog.stepRiscDetails'),\n    t('rosDialog.stepEncryption'),\n  ];\n  return (\n    <Box style={{ width: '100%', padding: '24px' }}>\n      <Stepper activeStep={activeStep} alternativeLabel>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({\n  onClose,\n  dialogState,\n  onDelete,\n}: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    createNewRiSc,\n    deleteRiSc,\n    updateRiSc,\n    gcpCryptoKeys,\n  } = useRiScs();\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [switchOn, setSwitchOn] = useState(false);\n\n  const [selectedRiScType, setSelectedRiScType] = useState<DefaultRiScType>(\n    DefaultRiScType.Standard,\n  );\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n      if (activeStep === 1) {\n        setActiveStep(2);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n    if (activeStep === 2) {\n      setActiveStep(1);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, switchOn, [selectedRiScType]);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc(() =>\n        selectRiSc(riScs && riScs.length > 0 ? riScs[0].id : ''),\n      );\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '16px',\n              paddingX: 1,\n              paddingY: 0.5,\n            }}\n          >\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                dialogState={dialogState}\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScType={selectedRiScType}\n                setSelectedRiScType={setSelectedRiScType}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 2 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Flex>\n            <Button\n              size=\"medium\"\n              variant=\"secondary\"\n              isDisabled={activeStep === 0}\n              onClick={handleBack}\n            >\n              {t('dictionary.previous')}\n            </Button>\n            {activeStep < 2 ? (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleNext}>\n                {t('dictionary.next')}\n              </Button>\n            ) : (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n                {t('dictionary.save')}\n              </Button>\n            )}\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>\n          <Flex direction=\"column\">{t('rosDialog.titleEdit')}</Flex>\n        </DialogTitle>\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '16px',\n            width: '100%',\n            paddingX: 4,\n            paddingY: 3,\n          }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button\n            size=\"medium\"\n            variant=\"tertiary\"\n            onClick={onDelete}\n            style={{ color: '#d32f2f', paddingLeft: 0 }}\n          >\n            <i className=\"ri-delete-bin-line\" style={{ fontSize: '16px' }} />\n            {t('contentHeader.deleteButton')}\n          </Button>\n          <Flex>\n            <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n              {t('dictionary.cancel')}\n            </Button>\n            <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates"],"mappings":"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"}
+{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultRiScType, RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport { dialogActions } from '../common/mixins';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport { Flex, Box, Button } from '@backstage/ui';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  SelectInitialRisc = 3,\n  EditEncryption = 4,\n  Delete = 5,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n  onDelete: () => void;\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [\n    t('rosDialog.initialRiscTitle'),\n    t('rosDialog.stepRiscDetails'),\n    t('rosDialog.stepEncryption'),\n  ];\n  return (\n    <Box style={{ width: '100%', padding: '24px' }}>\n      <Stepper activeStep={activeStep} alternativeLabel>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({\n  onClose,\n  dialogState,\n  onDelete,\n}: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    createNewRiSc,\n    deleteRiSc,\n    updateRiSc,\n    gcpCryptoKeys,\n  } = useRiScs();\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [switchOn, setSwitchOn] = useState(false);\n\n  const [selectedRiScType, setSelectedRiScType] = useState<DefaultRiScType>(\n    DefaultRiScType.Standard,\n  );\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n      if (activeStep === 1) {\n        setActiveStep(2);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n    if (activeStep === 2) {\n      setActiveStep(1);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, switchOn, [selectedRiScType]);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc(() =>\n        selectRiSc(riScs && riScs.length > 0 ? riScs[0].id : ''),\n      );\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose} disablePortal>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '16px',\n              paddingX: 1,\n              paddingY: 0.5,\n            }}\n          >\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                dialogState={dialogState}\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScType={selectedRiScType}\n                setSelectedRiScType={setSelectedRiScType}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 2 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Flex>\n            <Button\n              size=\"medium\"\n              variant=\"secondary\"\n              isDisabled={activeStep === 0}\n              onClick={handleBack}\n            >\n              {t('dictionary.previous')}\n            </Button>\n            {activeStep < 2 ? (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleNext}>\n                {t('dictionary.next')}\n              </Button>\n            ) : (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n                {t('dictionary.save')}\n              </Button>\n            )}\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose} disablePortal>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose} disablePortal>\n        <DialogTitle>\n          <Flex direction=\"column\">{t('rosDialog.titleEdit')}</Flex>\n        </DialogTitle>\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '16px',\n            width: '100%',\n            paddingX: 4,\n            paddingY: 3,\n          }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button\n            size=\"medium\"\n            variant=\"tertiary\"\n            onClick={onDelete}\n            style={{ color: '#d32f2f', paddingLeft: 0 }}\n          >\n            <i className=\"ri-delete-bin-line\" style={{ fontSize: '16px' }} />\n            {t('contentHeader.deleteButton')}\n          </Button>\n          <Flex>\n            <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n              {t('dictionary.cancel')}\n            </Button>\n            <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose} disablePortal>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates"],"mappings":"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"}

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

@@ -20,42 +20,51 @@ function SupportDialog() {
         children: t("supportDialog.title")
       }
     ),
-    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), fullWidth: true, children: [
-      /* @__PURE__ */ jsx(Flex, { px: "24px", pt: "18px", pb: "10px", children: /* @__PURE__ */ jsx(Text, { as: "h3", variant: "title-small", weight: "bold", children: t("supportDialog.title") }) }),
-      /* @__PURE__ */ jsxs(DialogContent, { children: [
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8px", children: [
-          /* @__PURE__ */ jsx(
-            SupportEntry,
-            {
-              label: t("supportDialog.entries.riscFeedbackChannel.title"),
-              url: "https://kartverketgroup.slack.com/archives/C075KCPTURY",
-              icon: /* @__PURE__ */ jsx("i", { className: "ri-slack-fill", style: { fontSize: "x-large" } }),
-              description: t(
-                "supportDialog.entries.riscFeedbackChannel.description"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SupportEntry,
-            {
-              label: t("supportDialog.entries.riscDocumentation.title"),
-              url: "https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1645608980/Koden+r+RoS",
-              icon: /* @__PURE__ */ jsx(
-                "i",
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open,
+        onClose: () => setOpen(false),
+        fullWidth: true,
+        disablePortal: true,
+        children: [
+          /* @__PURE__ */ jsx(Flex, { px: "24px", pt: "18px", pb: "10px", children: /* @__PURE__ */ jsx(Text, { as: "h3", variant: "title-small", weight: "bold", children: t("supportDialog.title") }) }),
+          /* @__PURE__ */ jsxs(DialogContent, { children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8px", children: [
+              /* @__PURE__ */ jsx(
+                SupportEntry,
                 {
-                  className: "ri-article-line",
-                  style: { fontSize: "x-large" }
+                  label: t("supportDialog.entries.riscFeedbackChannel.title"),
+                  url: "https://kartverketgroup.slack.com/archives/C075KCPTURY",
+                  icon: /* @__PURE__ */ jsx("i", { className: "ri-slack-fill", style: { fontSize: "x-large" } }),
+                  description: t(
+                    "supportDialog.entries.riscFeedbackChannel.description"
+                  )
                 }
               ),
-              description: t(
-                "supportDialog.entries.riscDocumentation.description"
+              /* @__PURE__ */ jsx(
+                SupportEntry,
+                {
+                  label: t("supportDialog.entries.riscDocumentation.title"),
+                  url: "https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1645608980/Koden+r+RoS",
+                  icon: /* @__PURE__ */ jsx(
+                    "i",
+                    {
+                      className: "ri-article-line",
+                      style: { fontSize: "x-large" }
+                    }
+                  ),
+                  description: t(
+                    "supportDialog.entries.riscDocumentation.description"
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ jsx(FeedbackDialog, { open, setOpen }) })
-      ] })
-    ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { style: { marginTop: "24px" }, children: /* @__PURE__ */ jsx(FeedbackDialog, { open, setOpen }) })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 function SupportEntry(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"SupportDialog.esm.js","sources":["../../../src/components/riScDialog/SupportDialog.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\nimport { Button, Card, CardHeader, Flex, Text } from '@backstage/ui';\nimport { Dialog, DialogContent } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { Link } from '@mui/material';\nimport { FeedbackDialog } from '../riScPlugin/FeedbackDialog.tsx';\n\nexport function SupportDialog() {\n  const [open, setOpen] = useState(false);\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"secondary\"\n        iconStart={<i className=\"ri-question-line\" />}\n      >\n        {t('supportDialog.title')}\n      </Button>\n      <Dialog open={open} onClose={() => setOpen(false)} fullWidth>\n        <Flex px=\"24px\" pt=\"18px\" pb=\"10px\">\n          <Text as=\"h3\" variant=\"title-small\" weight=\"bold\">\n            {t('supportDialog.title')}\n          </Text>\n        </Flex>\n        <DialogContent>\n          <Flex direction=\"column\" gap=\"8px\">\n            <SupportEntry\n              label={t('supportDialog.entries.riscFeedbackChannel.title')}\n              url=\"https://kartverketgroup.slack.com/archives/C075KCPTURY\"\n              icon={\n                <i className=\"ri-slack-fill\" style={{ fontSize: 'x-large' }} />\n              }\n              description={t(\n                'supportDialog.entries.riscFeedbackChannel.description',\n              )}\n            />\n            <SupportEntry\n              label={t('supportDialog.entries.riscDocumentation.title')}\n              url=\"https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1645608980/Koden+r+RoS\"\n              icon={\n                <i\n                  className=\"ri-article-line\"\n                  style={{ fontSize: 'x-large' }}\n                />\n              }\n              description={t(\n                'supportDialog.entries.riscDocumentation.description',\n              )}\n            />\n          </Flex>\n          <div style={{ marginTop: '24px' }}>\n            <FeedbackDialog open={open} setOpen={setOpen} />\n          </div>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\ntype SupportEntryProps = {\n  label: string;\n  url: string;\n  description: string;\n  icon: ReactElement;\n};\n\nfunction SupportEntry(props: SupportEntryProps) {\n  return (\n    <Card>\n      <CardHeader>\n        <Flex align=\"center\">\n          {props.icon}\n          <Flex direction=\"column\" gap=\"0\">\n            <Text weight=\"bold\">{props.label}</Text>\n            <Link href={props.url} target=\"_blank\">\n              {props.description}\n            </Link>\n          </Flex>\n        </Flex>\n      </CardHeader>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SupportDialog.esm.js","sources":["../../../src/components/riScDialog/SupportDialog.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\nimport { Button, Card, CardHeader, Flex, Text } from '@backstage/ui';\nimport { Dialog, DialogContent } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { Link } from '@mui/material';\nimport { FeedbackDialog } from '../riScPlugin/FeedbackDialog.tsx';\n\nexport function SupportDialog() {\n  const [open, setOpen] = useState(false);\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"secondary\"\n        iconStart={<i className=\"ri-question-line\" />}\n      >\n        {t('supportDialog.title')}\n      </Button>\n      <Dialog\n        open={open}\n        onClose={() => setOpen(false)}\n        fullWidth\n        disablePortal\n      >\n        <Flex px=\"24px\" pt=\"18px\" pb=\"10px\">\n          <Text as=\"h3\" variant=\"title-small\" weight=\"bold\">\n            {t('supportDialog.title')}\n          </Text>\n        </Flex>\n        <DialogContent>\n          <Flex direction=\"column\" gap=\"8px\">\n            <SupportEntry\n              label={t('supportDialog.entries.riscFeedbackChannel.title')}\n              url=\"https://kartverketgroup.slack.com/archives/C075KCPTURY\"\n              icon={\n                <i className=\"ri-slack-fill\" style={{ fontSize: 'x-large' }} />\n              }\n              description={t(\n                'supportDialog.entries.riscFeedbackChannel.description',\n              )}\n            />\n            <SupportEntry\n              label={t('supportDialog.entries.riscDocumentation.title')}\n              url=\"https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1645608980/Koden+r+RoS\"\n              icon={\n                <i\n                  className=\"ri-article-line\"\n                  style={{ fontSize: 'x-large' }}\n                />\n              }\n              description={t(\n                'supportDialog.entries.riscDocumentation.description',\n              )}\n            />\n          </Flex>\n          <div style={{ marginTop: '24px' }}>\n            <FeedbackDialog open={open} setOpen={setOpen} />\n          </div>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\ntype SupportEntryProps = {\n  label: string;\n  url: string;\n  description: string;\n  icon: ReactElement;\n};\n\nfunction SupportEntry(props: SupportEntryProps) {\n  return (\n    <Card>\n      <CardHeader>\n        <Flex align=\"center\">\n          {props.icon}\n          <Flex direction=\"column\" gap=\"0\">\n            <Text weight=\"bold\">{props.label}</Text>\n            <Link href={props.url} target=\"_blank\">\n              {props.description}\n            </Link>\n          </Flex>\n        </Flex>\n      </CardHeader>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -26,7 +26,7 @@ const RiScMigrationDialog = ({
   function handleCheckboxInput(event) {
     setSaveMigration(event.target.checked);
   }
-  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "md", open: openDialog, children: [
+  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "md", open: openDialog, disablePortal: true, children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: t("migrationDialog.title") }),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
       /* @__PURE__ */ jsx(Box, { sx: { marginBottom: "16px" }, children: /* @__PURE__ */ jsx(Text, { variant: "body-large", children: t("migrationDialog.description") }) }),

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

@@ -1 +1 @@
-{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationStatus } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { RiScMigrationChanges } from './migrations/RiScMigrationChanges.tsx';\nimport { Text } from '@backstage/ui';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationStatus: MigrationStatus;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationStatus,\n}: RiScMigrationDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Text variant=\"body-large\">{t('migrationDialog.description')}</Text>\n        </Box>\n        <RiScMigrationChanges migrationStatus={migrationStatus} />\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions} style={{ paddingTop: '16px' }}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAAA,EAA4C;AACvE,IAAA,gBAAA,CAAiB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,EACvC;AAEA,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,IAAA,EAAK,MAAM,UAAA,EAC1B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,yBACxC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,YAAA,EAAc,MAAA,EAAO,EAC9B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAc,QAAA,EAAA,CAAA,CAAE,6BAA6B,GAAE,CAAA,EAC/D,CAAA;AAAA,sBACA,GAAA,CAAC,wBAAqB,eAAA,EAAkC,CAAA;AAAA,sBACxD,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,MAAA,EAAO,MAAM,KAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,aAAA;AAAA,cACT,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAC1C,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,iBAAc,EAAA,EAAI,aAAA,EAAe,OAAO,EAAE,UAAA,EAAY,QAAO,EAC5D,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,UAAA,EAAW,KAAA,EAAM,WAAU,OAAA,EAAS,YAAA,EACjD,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationStatus } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { RiScMigrationChanges } from './migrations/RiScMigrationChanges.tsx';\nimport { Text } from '@backstage/ui';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationStatus: MigrationStatus;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationStatus,\n}: RiScMigrationDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={openDialog} disablePortal>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Text variant=\"body-large\">{t('migrationDialog.description')}</Text>\n        </Box>\n        <RiScMigrationChanges migrationStatus={migrationStatus} />\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions} style={{ paddingTop: '16px' }}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAAA,EAA4C;AACvE,IAAA,gBAAA,CAAiB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,EACvC;AAEA,EAAA,4BACG,MAAA,EAAA,EAAO,QAAA,EAAS,MAAK,IAAA,EAAM,UAAA,EAAY,eAAa,IAAA,EACnD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,yBACxC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,YAAA,EAAc,MAAA,EAAO,EAC9B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAc,QAAA,EAAA,CAAA,CAAE,6BAA6B,GAAE,CAAA,EAC/D,CAAA;AAAA,sBACA,GAAA,CAAC,wBAAqB,eAAA,EAAkC,CAAA;AAAA,sBACxD,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,MAAA,EAAO,MAAM,KAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,aAAA;AAAA,cACT,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAC1C,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,iBAAc,EAAA,EAAI,aAAA,EAAe,OAAO,EAAE,UAAA,EAAY,QAAO,EAC5D,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,UAAA,EAAW,KAAA,EAAM,WAAU,OAAA,EAAS,YAAA,EACjD,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -25,7 +25,7 @@ const RiScPublishDialog = ({
   function handleCheckboxInput(event) {
     setRiskOwnerApproves(event.target.checked);
   }
-  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "md", open: openDialog, children: [
+  return /* @__PURE__ */ jsxs(Dialog, { maxWidth: "md", open: openDialog, disablePortal: true, children: [
     /* @__PURE__ */ jsx(DialogTitle, { children: isDeletion ? t("publishDialog.titleDelete") : t("publishDialog.titleUpdate") }),
     /* @__PURE__ */ jsx(DialogContent, { sx: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxs(Fragment, { children: [
       !isDeletion && /* @__PURE__ */ jsx(RiScDifferenceDialog, { differenceFetchState }),

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

@@ -1 +1 @@
-{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  isDeletion: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  isDeletion,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={openDialog}>\n      <DialogTitle>\n        {isDeletion\n          ? t('publishDialog.titleDelete')\n          : t('publishDialog.titleUpdate')}\n      </DialogTitle>\n      <DialogContent sx={{ marginBottom: '16px' }}>\n        <>\n          {!isDeletion && (\n            <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          )}\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={\n                isDeletion\n                  ? t('publishDialog.checkboxLabelDelete')\n                  : t('publishDialog.checkboxLabelUpdate')\n              }\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAA0D;AACxD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAAA,EAA4C;AACvE,IAAA,oBAAA,CAAqB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,IAAA,EAAK,MAAM,UAAA,EAC1B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eACE,QAAA,EAAA,UAAA,GACG,CAAA,CAAE,2BAA2B,CAAA,GAC7B,CAAA,CAAE,2BAA2B,CAAA,EACnC,CAAA;AAAA,wBACC,aAAA,EAAA,EAAc,EAAA,EAAI,EAAE,YAAA,EAAc,MAAA,IACjC,QAAA,kBAAA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,CAAC,UAAA,oBACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,oBAAA,EAA4C,CAAA;AAAA,sBAEpE,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,MAAA,EAAO,MAAM,KAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,SAAA;AAAA,cACN,OAAA,EAAS,iBAAA;AAAA,cACT,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEF,OACE,UAAA,GACI,CAAA,CAAE,mCAAmC,CAAA,GACrC,EAAE,mCAAmC;AAAA;AAAA,OAE7C,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,aAAA,EAAA,EAAc,EAAA,EAAI,aAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,UAAA,EAAW,KAAA,EAAM,WAAU,OAAA,EAAS,YAAA,EACjD,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,KAAA,EAAM,SAAA;AAAA,UACN,OAAA,EAAS,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  isDeletion: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  isDeletion,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={openDialog} disablePortal>\n      <DialogTitle>\n        {isDeletion\n          ? t('publishDialog.titleDelete')\n          : t('publishDialog.titleUpdate')}\n      </DialogTitle>\n      <DialogContent sx={{ marginBottom: '16px' }}>\n        <>\n          {!isDeletion && (\n            <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          )}\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={\n                isDeletion\n                  ? t('publishDialog.checkboxLabelDelete')\n                  : t('publishDialog.checkboxLabelUpdate')\n              }\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAA0D;AACxD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAAA,EAA4C;AACvE,IAAA,oBAAA,CAAqB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,EAC3C;AAEA,EAAA,4BACG,MAAA,EAAA,EAAO,QAAA,EAAS,MAAK,IAAA,EAAM,UAAA,EAAY,eAAa,IAAA,EACnD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eACE,QAAA,EAAA,UAAA,GACG,CAAA,CAAE,2BAA2B,CAAA,GAC7B,CAAA,CAAE,2BAA2B,CAAA,EACnC,CAAA;AAAA,wBACC,aAAA,EAAA,EAAc,EAAA,EAAI,EAAE,YAAA,EAAc,MAAA,IACjC,QAAA,kBAAA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,CAAC,UAAA,oBACA,GAAA,CAAC,oBAAA,EAAA,EAAqB,oBAAA,EAA4C,CAAA;AAAA,sBAEpE,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,MAAA,EAAO,MAAM,KAAA,EAC3B,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,SAAA;AAAA,cACN,OAAA,EAAS,iBAAA;AAAA,cACT,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEF,OACE,UAAA,GACI,CAAA,CAAE,mCAAmC,CAAA,GACrC,EAAE,mCAAmC;AAAA;AAAA,OAE7C,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,aAAA,EAAA,EAAc,EAAA,EAAI,aAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,UAAA,EAAW,KAAA,EAAM,WAAU,OAAA,EAAS,YAAA,EACjD,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,KAAA,EAAM,SAAA;AAAA,UACN,OAAA,EAAS,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/RiScActionChange.esm.js

@@ -38,6 +38,13 @@ function RiScActionChange({ action, type }) {
         title: t("scenarioDrawer.action.lastUpdated"),
         value: parsedDateTime
       }
+    ),
+    /* @__PURE__ */ jsx(
+      ChangeSetProperty,
+      {
+        title: t("migrationDialog.migration51.lastUpdatedBy"),
+        value: action.lastUpdatedBy
+      }
     )
   ] });
 }

package/dist/components/riScInfo/changeset/RiScActionChange.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScActionChange.esm.js","sources":["../../../../src/components/riScInfo/changeset/RiScActionChange.tsx"],"sourcesContent":["import { Action } from '../../../utils/types';\nimport { ChangeSetBox } from './components/ChangeSetBox.tsx';\nimport { ChangeSetTag } from './components/ChangeSetTag.tsx';\nimport { ChangeSetTags } from './components/ChangeSetTags.tsx';\nimport { ChangeSetBoxTitle } from './components/ChangeSetBoxTitle.tsx';\nimport { ChangeSetProperty } from './components/ChangeSetProperty.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { formatDate } from '../../../utils/utilityfunctions.ts';\n\ninterface RiScWholeActionChangeProps {\n  action: Action;\n  type: 'ADDED' | 'DELETED';\n}\n\nexport function RiScActionChange({ action, type }: RiScWholeActionChangeProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const parsedDateTime = action.lastUpdated\n    ? formatDate(action.lastUpdated)\n    : t('scenarioDrawer.action.notUpdated');\n\n  return (\n    <ChangeSetBox type=\"secondary\">\n      <ChangeSetTags>\n        {type === 'ADDED' ? (\n          <ChangeSetTag text={t('dictionary.added')} type=\"added\" />\n        ) : (\n          <ChangeSetTag text={t('dictionary.removed')} type=\"delete\" />\n        )}\n        <ChangeSetTag text={t('dictionary.action')} type=\"primary\" />\n      </ChangeSetTags>\n      <ChangeSetBoxTitle title={action.title} />\n      <ChangeSetProperty\n        title={t('dictionary.description')}\n        value={action.description}\n      />\n      {action.url && (\n        <ChangeSetProperty title={t('dictionary.url')} value={action.url} />\n      )}\n      <ChangeSetProperty\n        title={t('dictionary.status')}\n        /* @ts-ignore Because ts can't typecheck strings against our keys */\n        value={t(`actionStatus.${action.status}`)}\n      />\n      <ChangeSetProperty\n        title={t('scenarioDrawer.action.lastUpdated')}\n        value={parsedDateTime}\n      />\n    </ChangeSetBox>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAeO,SAAS,gBAAA,CAAiB,EAAE,MAAA,EAAQ,IAAA,EAAK,EAA+B;AAC7E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAA,GAC1B,UAAA,CAAW,OAAO,WAAW,CAAA,GAC7B,EAAE,kCAAkC,CAAA;AAExC,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,WAAA,EACjB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,IAAA,KAAS,0BACR,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,CAAA,CAAE,kBAAkB,CAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,CAAA,uBAEvD,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,oBAAoB,CAAA,EAAG,MAAK,QAAA,EAAS,CAAA;AAAA,0BAE5D,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,mBAAmB,CAAA,EAAG,MAAK,SAAA,EAAU;AAAA,KAAA,EAC7D,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,oBACxC,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,QACjC,OAAO,MAAA,CAAO;AAAA;AAAA,KAChB;AAAA,IACC,MAAA,CAAO,GAAA,oBACN,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,EAAE,gBAAgB,CAAA,EAAG,KAAA,EAAO,MAAA,CAAO,GAAA,EAAK,CAAA;AAAA,oBAEpE,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mBAAmB,CAAA;AAAA,QAE5B,KAAA,EAAO,CAAA,CAAE,CAAA,aAAA,EAAgB,MAAA,CAAO,MAAM,CAAA,CAAE;AAAA;AAAA,KAC1C;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mCAAmC,CAAA;AAAA,QAC5C,KAAA,EAAO;AAAA;AAAA;AACT,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScActionChange.esm.js","sources":["../../../../src/components/riScInfo/changeset/RiScActionChange.tsx"],"sourcesContent":["import { Action } from '../../../utils/types';\nimport { ChangeSetBox } from './components/ChangeSetBox.tsx';\nimport { ChangeSetTag } from './components/ChangeSetTag.tsx';\nimport { ChangeSetTags } from './components/ChangeSetTags.tsx';\nimport { ChangeSetBoxTitle } from './components/ChangeSetBoxTitle.tsx';\nimport { ChangeSetProperty } from './components/ChangeSetProperty.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { formatDate } from '../../../utils/utilityfunctions.ts';\n\ninterface RiScWholeActionChangeProps {\n  action: Action;\n  type: 'ADDED' | 'DELETED';\n}\n\nexport function RiScActionChange({ action, type }: RiScWholeActionChangeProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const parsedDateTime = action.lastUpdated\n    ? formatDate(action.lastUpdated)\n    : t('scenarioDrawer.action.notUpdated');\n\n  return (\n    <ChangeSetBox type=\"secondary\">\n      <ChangeSetTags>\n        {type === 'ADDED' ? (\n          <ChangeSetTag text={t('dictionary.added')} type=\"added\" />\n        ) : (\n          <ChangeSetTag text={t('dictionary.removed')} type=\"delete\" />\n        )}\n        <ChangeSetTag text={t('dictionary.action')} type=\"primary\" />\n      </ChangeSetTags>\n      <ChangeSetBoxTitle title={action.title} />\n      <ChangeSetProperty\n        title={t('dictionary.description')}\n        value={action.description}\n      />\n      {action.url && (\n        <ChangeSetProperty title={t('dictionary.url')} value={action.url} />\n      )}\n      <ChangeSetProperty\n        title={t('dictionary.status')}\n        /* @ts-ignore Because ts can't typecheck strings against our keys */\n        value={t(`actionStatus.${action.status}`)}\n      />\n      <ChangeSetProperty\n        title={t('scenarioDrawer.action.lastUpdated')}\n        value={parsedDateTime}\n      />\n      <ChangeSetProperty\n        title={t('migrationDialog.migration51.lastUpdatedBy')}\n        value={action.lastUpdatedBy}\n      />\n    </ChangeSetBox>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAeO,SAAS,gBAAA,CAAiB,EAAE,MAAA,EAAQ,IAAA,EAAK,EAA+B;AAC7E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAA,GAC1B,UAAA,CAAW,OAAO,WAAW,CAAA,GAC7B,EAAE,kCAAkC,CAAA;AAExC,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,WAAA,EACjB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,IAAA,KAAS,0BACR,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,CAAA,CAAE,kBAAkB,CAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,CAAA,uBAEvD,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,oBAAoB,CAAA,EAAG,MAAK,QAAA,EAAS,CAAA;AAAA,0BAE5D,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,mBAAmB,CAAA,EAAG,MAAK,SAAA,EAAU;AAAA,KAAA,EAC7D,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,oBACxC,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,QACjC,OAAO,MAAA,CAAO;AAAA;AAAA,KAChB;AAAA,IACC,MAAA,CAAO,GAAA,oBACN,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,EAAE,gBAAgB,CAAA,EAAG,KAAA,EAAO,MAAA,CAAO,GAAA,EAAK,CAAA;AAAA,oBAEpE,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mBAAmB,CAAA;AAAA,QAE5B,KAAA,EAAO,CAAA,CAAE,CAAA,aAAA,EAAgB,MAAA,CAAO,MAAM,CAAA,CAAE;AAAA;AAAA,KAC1C;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mCAAmC,CAAA;AAAA,QAC5C,KAAA,EAAO;AAAA;AAAA,KACT;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,2CAA2C,CAAA;AAAA,QACpD,OAAO,MAAA,CAAO;AAAA;AAAA;AAChB,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/RiScActionChangeSet.esm.js

@@ -45,6 +45,13 @@ function RiScActionChangeSet({ action }) {
         property: action.lastUpdated,
         valueFormatter: (actionValue) => actionValue ? formatDate(actionValue) : t("scenarioDrawer.action.notUpdated")
       }
+    ),
+    /* @__PURE__ */ jsx(
+      ChangeSetTrackedProperty,
+      {
+        title: t("migrationDialog.migration51.lastUpdatedBy"),
+        property: action.lastUpdatedBy
+      }
     )
   ] });
 }

package/dist/components/riScInfo/changeset/RiScActionChangeSet.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScActionChangeSet.esm.js","sources":["../../../../src/components/riScInfo/changeset/RiScActionChangeSet.tsx"],"sourcesContent":["import { ActionChange } from '../../../utils/types.ts';\nimport { ChangeSetBox } from './components/ChangeSetBox.tsx';\nimport { ChangeSetTags } from './components/ChangeSetTags.tsx';\nimport { ChangeSetTag } from './components/ChangeSetTag.tsx';\nimport { ChangeSetTrackedProperty } from './components/ChangeSetTrackedProperty.tsx';\nimport { ChangeSetChangedTitle } from './components/ChangeSetChangedTitle.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { formatDate } from '../../../utils/utilityfunctions.ts';\n\ninterface RiScActionChangeSetProps {\n  action: ActionChange;\n}\n\nexport function RiScActionChangeSet({ action }: RiScActionChangeSetProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <ChangeSetBox type=\"secondary\">\n      <ChangeSetTags>\n        <ChangeSetTag text={t('dictionary.action')} type=\"primary\" />\n      </ChangeSetTags>\n      <ChangeSetChangedTitle title={action.title} />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.description')}\n        property={action.description}\n        multiline={true}\n        stringOnUndefinedProperty={t('comparisonDialog.noDescription')}\n      />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.url')}\n        property={action.url}\n        stringOnUndefinedProperty={t('comparisonDialog.noURL')}\n      />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.status')}\n        property={action.status}\n        /* @ts-ignore Because ts can't typecheck strings against our keys */\n        valueFormatter={actionValue => t(`actionStatus.${actionValue}`)}\n      />\n      <ChangeSetTrackedProperty\n        title={t('scenarioDrawer.action.lastUpdated')}\n        property={action.lastUpdated}\n        valueFormatter={actionValue =>\n          actionValue\n            ? formatDate(actionValue)\n            : t('scenarioDrawer.action.notUpdated')\n        }\n      />\n    </ChangeSetBox>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,MAAA,EAAO,EAA6B;AACxE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,WAAA,EACjB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EACC,8BAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,mBAAmB,CAAA,EAAG,IAAA,EAAK,SAAA,EAAU,CAAA,EAC7D,CAAA;AAAA,oBACA,GAAA,CAAC,qBAAA,EAAA,EAAsB,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,oBAC5C,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,QACjC,UAAU,MAAA,CAAO,WAAA;AAAA,QACjB,SAAA,EAAW,IAAA;AAAA,QACX,yBAAA,EAA2B,EAAE,gCAAgC;AAAA;AAAA,KAC/D;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,QACzB,UAAU,MAAA,CAAO,GAAA;AAAA,QACjB,yBAAA,EAA2B,EAAE,wBAAwB;AAAA;AAAA,KACvD;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mBAAmB,CAAA;AAAA,QAC5B,UAAU,MAAA,CAAO,MAAA;AAAA,QAEjB,cAAA,EAAgB,CAAA,WAAA,KAAe,CAAA,CAAE,CAAA,aAAA,EAAgB,WAAW,CAAA,CAAE;AAAA;AAAA,KAChE;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mCAAmC,CAAA;AAAA,QAC5C,UAAU,MAAA,CAAO,WAAA;AAAA,QACjB,gBAAgB,CAAA,WAAA,KACd,WAAA,GACI,WAAW,WAAW,CAAA,GACtB,EAAE,kCAAkC;AAAA;AAAA;AAE5C,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScActionChangeSet.esm.js","sources":["../../../../src/components/riScInfo/changeset/RiScActionChangeSet.tsx"],"sourcesContent":["import { ActionChange } from '../../../utils/types.ts';\nimport { ChangeSetBox } from './components/ChangeSetBox.tsx';\nimport { ChangeSetTags } from './components/ChangeSetTags.tsx';\nimport { ChangeSetTag } from './components/ChangeSetTag.tsx';\nimport { ChangeSetTrackedProperty } from './components/ChangeSetTrackedProperty.tsx';\nimport { ChangeSetChangedTitle } from './components/ChangeSetChangedTitle.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\nimport { formatDate } from '../../../utils/utilityfunctions.ts';\n\ninterface RiScActionChangeSetProps {\n  action: ActionChange;\n}\n\nexport function RiScActionChangeSet({ action }: RiScActionChangeSetProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <ChangeSetBox type=\"secondary\">\n      <ChangeSetTags>\n        <ChangeSetTag text={t('dictionary.action')} type=\"primary\" />\n      </ChangeSetTags>\n      <ChangeSetChangedTitle title={action.title} />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.description')}\n        property={action.description}\n        multiline={true}\n        stringOnUndefinedProperty={t('comparisonDialog.noDescription')}\n      />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.url')}\n        property={action.url}\n        stringOnUndefinedProperty={t('comparisonDialog.noURL')}\n      />\n      <ChangeSetTrackedProperty\n        title={t('dictionary.status')}\n        property={action.status}\n        /* @ts-ignore Because ts can't typecheck strings against our keys */\n        valueFormatter={actionValue => t(`actionStatus.${actionValue}`)}\n      />\n      <ChangeSetTrackedProperty\n        title={t('scenarioDrawer.action.lastUpdated')}\n        property={action.lastUpdated}\n        valueFormatter={actionValue =>\n          actionValue\n            ? formatDate(actionValue)\n            : t('scenarioDrawer.action.notUpdated')\n        }\n      />\n      <ChangeSetTrackedProperty\n        title={t('migrationDialog.migration51.lastUpdatedBy')}\n        property={action.lastUpdatedBy}\n      />\n    </ChangeSetBox>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,MAAA,EAAO,EAA6B;AACxE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,WAAA,EACjB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EACC,8BAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAE,mBAAmB,CAAA,EAAG,IAAA,EAAK,SAAA,EAAU,CAAA,EAC7D,CAAA;AAAA,oBACA,GAAA,CAAC,qBAAA,EAAA,EAAsB,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,oBAC5C,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,QACjC,UAAU,MAAA,CAAO,WAAA;AAAA,QACjB,SAAA,EAAW,IAAA;AAAA,QACX,yBAAA,EAA2B,EAAE,gCAAgC;AAAA;AAAA,KAC/D;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,QACzB,UAAU,MAAA,CAAO,GAAA;AAAA,QACjB,yBAAA,EAA2B,EAAE,wBAAwB;AAAA;AAAA,KACvD;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mBAAmB,CAAA;AAAA,QAC5B,UAAU,MAAA,CAAO,MAAA;AAAA,QAEjB,cAAA,EAAgB,CAAA,WAAA,KAAe,CAAA,CAAE,CAAA,aAAA,EAAgB,WAAW,CAAA,CAAE;AAAA;AAAA,KAChE;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,mCAAmC,CAAA;AAAA,QAC5C,UAAU,MAAA,CAAO,WAAA;AAAA,QACjB,gBAAgB,CAAA,WAAA,KACd,WAAA,GACI,WAAW,WAAW,CAAA,GACtB,EAAE,kCAAkC;AAAA;AAAA,KAE5C;AAAA,oBACA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,2CAA2C,CAAA;AAAA,QACpD,UAAU,MAAA,CAAO;AAAA;AAAA;AACnB,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -8,6 +8,7 @@ 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';
+import { RiScMigrationChanges51 } from './RiScMigrationChanges51.esm.js';
 
 function RiScMigrationChanges({
   migrationStatus
@@ -27,7 +28,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.migrationChanges50 && /* @__PURE__ */ jsx(RiScMigrationChanges50, { changes: migrationStatus.migrationChanges50 })
+    migrationStatus.migrationChanges50 && /* @__PURE__ */ jsx(RiScMigrationChanges50, { changes: migrationStatus.migrationChanges50 }),
+    migrationStatus.migrationChanges51 && /* @__PURE__ */ jsx(RiScMigrationChanges51, { changes: migrationStatus.migrationChanges51 })
   ] });
 }
 

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';\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,oBAAA,CAAqB;AAAA,EACnC;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,CAAA,CAAE,+BAA+B,CAAA,EAAG,CAAA;AAAA,oBAC1D,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,SAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,EAAE,+BAA+B,CAAA;AAAA,QAC/C,QAAA,EAAU,eAAA,CAAgB,iBAAA,EAAmB,WAAA,IAAe,EAAA;AAAA,QAC5D,QAAA,EAAU,eAAA,CAAgB,iBAAA,EAAmB,SAAA,IAAa,EAAA;AAAA,QAC1D,OAAA,EAAS;AAAA;AAAA,KACX,EACF,CAAA;AAAA,IACC,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB;AAAA,GAAA,EAEzE,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';\nimport { RiScMigrationChanges51 } from './RiScMigrationChanges51.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      {migrationStatus.migrationChanges51 && (\n        <RiScMigrationChanges51 changes={migrationStatus.migrationChanges51} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBO,SAAS,oBAAA,CAAqB;AAAA,EACnC;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,CAAA,CAAE,+BAA+B,CAAA,EAAG,CAAA;AAAA,oBAC1D,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,SAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,EAAE,+BAA+B,CAAA;AAAA,QAC/C,QAAA,EAAU,eAAA,CAAgB,iBAAA,EAAmB,WAAA,IAAe,EAAA;AAAA,QAC5D,QAAA,EAAU,eAAA,CAAgB,iBAAA,EAAmB,SAAA,IAAa,EAAA;AAAA,QAC1D,OAAA,EAAS;AAAA;AAAA,KACX,EACF,CAAA;AAAA,IACC,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB,CAAA;AAAA,IAEtE,gBAAgB,kBAAA,oBACf,GAAA,CAAC,sBAAA,EAAA,EAAuB,OAAA,EAAS,gBAAgB,kBAAA,EAAoB;AAAA,GAAA,EAEzE,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,42 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ChangeSetBox } from '../changeset/components/ChangeSetBox.esm.js';
+import { MigrationTitle } from './components/MigrationTitle.esm.js';
+import { ChangeSetBoxTitle } from '../changeset/components/ChangeSetBoxTitle.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+
+function RiScMigrationChanges51({
+  changes
+}) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const numberOfChangedActions = changes.scenarios.reduce(
+    (currentSum, newValue) => {
+      return currentSum + newValue.changedActions.length;
+    },
+    0
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MigrationTitle,
+      {
+        from: "5.0",
+        to: "5.1",
+        migrationExplanation: t(
+          "migrationDialog.migration51.changeExplanation"
+        ),
+        changelogUrl: "https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md#50"
+      }
+    ),
+    /* @__PURE__ */ jsx(ChangeSetBox, { type: "primary", children: /* @__PURE__ */ jsx(
+      ChangeSetBoxTitle,
+      {
+        title: t("migrationDialog.migration51.addedLastUpdatedBy", {
+          numberOfChangedActions: numberOfChangedActions.toString()
+        })
+      }
+    ) })
+  ] });
+}
+
+export { RiScMigrationChanges51 };
+//# sourceMappingURL=RiScMigrationChanges51.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RiScMigrationChanges51.esm.js","sources":["../../../../src/components/riScInfo/migrations/RiScMigrationChanges51.tsx"],"sourcesContent":["import { MigrationChanges51 } from '../../../utils/types.ts';\nimport { ChangeSetBox } from '../changeset/components/ChangeSetBox.tsx';\nimport { MigrationTitle } from './components/MigrationTitle.tsx';\nimport { ChangeSetBoxTitle } from '../changeset/components/ChangeSetBoxTitle.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations.ts';\n\ninterface RiScMigrationChanges51Props {\n  changes: MigrationChanges51;\n}\n\nexport function RiScMigrationChanges51({\n  changes,\n}: RiScMigrationChanges51Props) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const numberOfChangedActions = changes.scenarios.reduce(\n    (currentSum, newValue) => {\n      return currentSum + newValue.changedActions.length;\n    },\n    0,\n  );\n\n  return (\n    <>\n      <MigrationTitle\n        from=\"5.0\"\n        to=\"5.1\"\n        migrationExplanation={t(\n          'migrationDialog.migration51.changeExplanation',\n        )}\n        changelogUrl=\"https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md#50\"\n      />\n      <ChangeSetBox type=\"primary\">\n        <ChangeSetBoxTitle\n          title={t('migrationDialog.migration51.addedLastUpdatedBy', {\n            numberOfChangedActions: numberOfChangedActions.toString(),\n          })}\n        />\n      </ChangeSetBox>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,sBAAA,CAAuB;AAAA,EACrC;AACF,CAAA,EAAgC;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,sBAAA,GAAyB,QAAQ,SAAA,CAAU,MAAA;AAAA,IAC/C,CAAC,YAAY,QAAA,KAAa;AACxB,MAAA,OAAO,UAAA,GAAa,SAAS,cAAA,CAAe,MAAA;AAAA,IAC9C,CAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,KAAA;AAAA,QACL,EAAA,EAAG,KAAA;AAAA,QACH,oBAAA,EAAsB,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACA,YAAA,EAAa;AAAA;AAAA,KACf;AAAA,oBACA,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,SAAA,EACjB,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,gDAAA,EAAkD;AAAA,UACzD,sBAAA,EAAwB,uBAAuB,QAAA;AAAS,SACzD;AAAA;AAAA,KACH,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/scenario/ScenarioLastUpdatedLabel.esm.js

@@ -0,0 +1,26 @@
+import { jsxs } from 'react/jsx-runtime';
+import { Flex, Text } from '@backstage/ui';
+import { formatDate, shortenName } from '../../utils/utilityfunctions.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import styles from './ScenarioLastUpdatedLabel.module.css.esm.js';
+
+function ScenarioLastUpdatedLabel(props) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const parsedLastUpdated = props.lastUpdated ? formatDate(props.lastUpdated) : t("scenarioDrawer.action.notUpdated");
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0", className: styles.flex, children: [
+    /* @__PURE__ */ jsxs(Text, { as: "p", variant: "body-medium", children: [
+      t("scenarioDrawer.action.lastUpdated"),
+      " ",
+      parsedLastUpdated
+    ] }),
+    props.lastUpdatedBy && /* @__PURE__ */ jsxs(Text, { variant: "body-medium", className: styles.textGray, children: [
+      t("dictionary.by"),
+      " ",
+      shortenName(props.lastUpdatedBy, 16)
+    ] })
+  ] });
+}
+
+export { ScenarioLastUpdatedLabel };
+//# sourceMappingURL=ScenarioLastUpdatedLabel.esm.js.map

package/dist/components/scenario/ScenarioLastUpdatedLabel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenarioLastUpdatedLabel.esm.js","sources":["../../../src/components/scenario/ScenarioLastUpdatedLabel.tsx"],"sourcesContent":["import { Flex, Text } from '@backstage/ui';\nimport { formatDate, shortenName } from '../../utils/utilityfunctions.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport styles from './ScenarioLastUpdatedLabel.module.css';\n\ntype ScenarioLastUpdatedLabelProps = {\n  lastUpdated?: Date | undefined | null;\n  lastUpdatedBy?: string | undefined | null;\n};\n\nexport function ScenarioLastUpdatedLabel(props: ScenarioLastUpdatedLabelProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const parsedLastUpdated = props.lastUpdated\n    ? formatDate(props.lastUpdated)\n    : t('scenarioDrawer.action.notUpdated');\n\n  return (\n    <Flex direction=\"column\" gap=\"0\" className={styles.flex}>\n      <Text as=\"p\" variant=\"body-medium\">\n        {t('scenarioDrawer.action.lastUpdated')} {parsedLastUpdated}\n      </Text>\n      {props.lastUpdatedBy && (\n        <Text variant=\"body-medium\" className={styles.textGray}>\n          {t('dictionary.by')} {shortenName(props.lastUpdatedBy, 16)}\n        </Text>\n      )}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,yBAAyB,KAAA,EAAsC;AAC7E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,iBAAA,GAAoB,MAAM,WAAA,GAC5B,UAAA,CAAW,MAAM,WAAW,CAAA,GAC5B,EAAE,kCAAkC,CAAA;AAExC,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAAI,SAAA,EAAW,OAAO,IAAA,EACjD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,aAAA,EAClB,QAAA,EAAA;AAAA,MAAA,CAAA,CAAE,mCAAmC,CAAA;AAAA,MAAE,GAAA;AAAA,MAAE;AAAA,KAAA,EAC5C,CAAA;AAAA,IACC,KAAA,CAAM,iCACL,IAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,aAAA,EAAc,SAAA,EAAW,OAAO,QAAA,EAC3C,QAAA,EAAA;AAAA,MAAA,CAAA,CAAE,eAAe,CAAA;AAAA,MAAE,GAAA;AAAA,MAAE,WAAA,CAAY,KAAA,CAAM,aAAA,EAAe,EAAE;AAAA,KAAA,EAC3D;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}