@kartverket/backstage-plugin-risk-scorecard 3.10.6 → 3.10.7

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

@@ -11,6 +11,7 @@ import { isPublicAgeKeyValid } from '../../utils/utilityfunctions.esm.js';
 import FormHelperText from '@mui/material/FormHelperText';
 import { URLS } from '../../urls/index.esm.js';
 import { Flex, Text, Box, Link, Button } from '@backstage/ui';
+import styles from './RiScDialog.module.css.esm.js';
 
 function ConfigEncryptionDialog({
   gcpCryptoKeys,
@@ -107,7 +108,7 @@ function ConfigEncryptionDialog({
       ] }) : /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: t("sopsConfigDialog.gcpCryptoKeyNoSelectableKey") })
     ] }),
     errors.sopsConfig !== void 0 && /* @__PURE__ */ jsx(FormHelperText, { error: true, children: t("sopsConfigDialog.gcpCryptoKeyNonSelectedErrorMessage") }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Accordion, { elevation: 1, defaultExpanded: publicAgeKeys.length > 0, children: [
+    /* @__PURE__ */ jsx(Box, { className: styles.accordionContainer, children: /* @__PURE__ */ jsxs(Accordion, { elevation: 0, defaultExpanded: publicAgeKeys.length > 0, children: [
       /* @__PURE__ */ jsx(
         AccordionSummary,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  FormLabel,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n} from '@mui/material';\nimport { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { AddCircle, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { GcpCryptoKeyObject, SopsConfigDTO } from '../../utils/DTOs';\nimport { useEffect, useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { UseFormRegister, UseFormSetValue } from 'react-hook-form';\nimport { RiScDialogStates } from './RiScDialog';\nimport { isPublicAgeKeyValid } from '../../utils/utilityfunctions';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { URLS } from '../../urls';\nimport { Text, Link, Button, Flex, Box } from '@backstage/ui';\n\ninterface ConfigEncryptionDialogProps {\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n  sopsData?: SopsConfigDTO;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  state: RiScDialogStates;\n}\n\nfunction ConfigEncryptionDialog({\n  gcpCryptoKeys,\n  sopsData,\n  setValue,\n  register,\n  errors,\n  state,\n}: ConfigEncryptionDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] =\n    useState('');\n  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);\n  const [newPublicAgeKey, setNewPublicAgeKey] = useState('');\n  const [publicAgeKeys, setPublicAgeKeys] = useState<string[]>(() => {\n    if (sopsData?.age) {\n      return sopsData.age.map(age => age.recipient);\n    }\n    return [];\n  });\n\n  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] =\n    useState<GcpCryptoKeyObject>(() => {\n      if (state === RiScDialogStates.EditEncryption && sopsData?.gcp_kms) {\n        const gcpKms = sopsData.gcp_kms[0];\n        if (gcpKms?.resource_id) {\n          const resourceParts = gcpKms.resource_id.split('/');\n          if (resourceParts.length === 8) {\n            return {\n              projectId: resourceParts[1],\n              keyRing: resourceParts[5],\n              keyName: resourceParts[7],\n              locations: resourceParts[3],\n              resourceId: gcpKms.resource_id,\n              createdAt: gcpKms.created_at,\n              hasEncryptDecryptAccess: true,\n            };\n          }\n        }\n      }\n      return gcpCryptoKeys[0];\n    });\n\n  const [isAddPublicAgeKeyVisible, setIsAddPublicAgeKeyVisible] =\n    useState(false);\n\n  function showAddPublicAgeKey() {\n    setIsAddPublicAgeKeyVisible(true);\n  }\n\n  useEffect(() => {\n    setValue('sopsConfig', {\n      shamir_threshold: 2,\n      gcp_kms: chosenGcpCryptoKey\n        ? [\n            {\n              resource_id: chosenGcpCryptoKey.resourceId,\n              created_at: chosenGcpCryptoKey.createdAt,\n            },\n          ]\n        : [],\n      age: publicAgeKeys.map(key => ({ recipient: key })),\n    });\n  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);\n\n  // Require one key group to contain a GCP key\n  register('sopsConfig.gcp_kms', {\n    validate: gcpKeys => gcpKeys.length > 0,\n  });\n\n  function handleChangeGcpCryptoKey(newKey: GcpCryptoKeyObject) {\n    setChosenGcpCryptoKey(newKey);\n  }\n\n  function handleAddPublicAgeKey() {\n    if (isPublicAgeKeyValid(newPublicAgeKey)) {\n      if (publicAgeKeys.includes(newPublicAgeKey)) {\n        setPublicKeyTextFieldHelperText(\n          t('sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig'),\n        );\n        setPublicKeyTextFieldError(true);\n      } else {\n        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);\n        setNewPublicAgeKey('');\n      }\n    } else {\n      setPublicKeyTextFieldHelperText(\n        t('sopsConfigDialog.publicKeyHelperTextKeyNotValid'),\n      );\n      setPublicKeyTextFieldError(true);\n    }\n  }\n\n  return (\n    <Flex direction=\"column\">\n      <Text>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </Text>\n      <Flex direction=\"column\" gap=\"0px\">\n        <Text variant=\"body-medium\" weight=\"bold\">\n          {t('sopsConfigDialog.selectKeysTitle')}\n        </Text>\n        {chosenGcpCryptoKey !== undefined ? (\n          <>\n            <Text>{t('sopsConfigDialog.gcpCryptoKeyDescription')}</Text>\n            <GcpCryptoKeyMenu\n              chosenGcpCryptoKey={chosenGcpCryptoKey}\n              onChange={handleChangeGcpCryptoKey}\n              gcpCryptoKeys={\n                gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                  ? gcpCryptoKeys\n                  : [...gcpCryptoKeys, chosenGcpCryptoKey]\n              }\n            />\n          </>\n        ) : (\n          <Text variant=\"body-medium\">\n            {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n          </Text>\n        )}\n      </Flex>\n      {errors.sopsConfig !== undefined && (\n        <FormHelperText error={true}>\n          {t('sopsConfigDialog.gcpCryptoKeyNonSelectedErrorMessage')}\n        </FormHelperText>\n      )}\n      <Box>\n        <Accordion elevation={1} defaultExpanded={publicAgeKeys.length > 0}>\n          <AccordionSummary\n            expandIcon={<ExpandMore />}\n            aria-controls=\"panel1-content\"\n            id=\"panel1-header\"\n          >\n            {t('sopsConfigDialog.publicAgeKeyQuestion')}\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box>\n              {publicAgeKeys.length > 0 && (\n                <FormLabel>\n                  {t('sopsConfigDialog.publicAgeKeysAlreadyPresent')}\n                </FormLabel>\n              )}\n              {publicAgeKeys.length > 0 && (\n                <Box\n                  style={{\n                    border: '1px solid',\n                    borderRadius: '4px',\n                    marginBottom: 2,\n                  }}\n                >\n                  <List>\n                    {publicAgeKeys.map(key => (\n                      <ListItem key={key} dense>\n                        <ListItemText>{key}</ListItemText>\n                        <ListItemSecondaryAction>\n                          <IconButton\n                            onClick={() => {\n                              setPublicAgeKeys(\n                                publicAgeKeys.filter(k => k !== key),\n                              );\n                            }}\n                          >\n                            <DeleteIcon />\n                          </IconButton>\n                        </ListItemSecondaryAction>\n                      </ListItem>\n                    ))}\n                  </List>\n                </Box>\n              )}\n              <Text as=\"p\" variant=\"body-large\">\n                {t('dictionary.click')}{' '}\n                <Link\n                  href={\n                    URLS.external.kartverket_atlassian_net__write_ros_locally\n                  }\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  color=\"primary\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Text>\n              <Text as=\"p\" variant=\"body-large\">\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}{' '}\n              </Text>\n              <Flex direction=\"column\" justify=\"between\" gap=\"2\" mt=\"2\">\n                {!isAddPublicAgeKeyVisible && (\n                  <Button\n                    iconStart={<AddCircle />}\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={showAddPublicAgeKey}\n                    style={{\n                      width: 'fit-content',\n                      marginTop: '1rem',\n                    }}\n                  >\n                    {t('sopsConfigDialog.addPublicAgeKey')}\n                  </Button>\n                )}\n                {isAddPublicAgeKeyVisible && (\n                  <Flex align=\"center\" gap=\"1\">\n                    <TextField\n                      label={t('sopsConfigDialog.publicAgeKey')}\n                      helperText={publicAgeKeyHelperText}\n                      error={publicAgeKeyError}\n                      onKeyDown={e => {\n                        if (e.key === 'Enter') {\n                          handleAddPublicAgeKey();\n                        }\n                      }}\n                      onFocus={() => {\n                        setPublicKeyTextFieldError(false);\n                        setPublicKeyTextFieldHelperText('');\n                      }}\n                      value={newPublicAgeKey}\n                      onChange={e => setNewPublicAgeKey(e.target.value)}\n                      sx={{ flex: 1 }}\n                    />\n                    <Button\n                      variant=\"primary\"\n                      onClick={handleAddPublicAgeKey}\n                      style={{\n                        maxWidth: 200,\n                      }}\n                    >\n                      {t('sopsConfigDialog.addPublicAgeKey')}\n                    </Button>\n                  </Flex>\n                )}\n              </Flex>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Flex>\n  );\n}\n\nexport default ConfigEncryptionDialog;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  FormLabel,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n} from '@mui/material';\nimport { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { AddCircle, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { GcpCryptoKeyObject, SopsConfigDTO } from '../../utils/DTOs';\nimport { useEffect, useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { UseFormRegister, UseFormSetValue } from 'react-hook-form';\nimport { RiScDialogStates } from './RiScDialog';\nimport { isPublicAgeKeyValid } from '../../utils/utilityfunctions';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { URLS } from '../../urls';\nimport { Text, Link, Button, Flex, Box } from '@backstage/ui';\nimport styles from '../riScDialog/RiScDialog.module.css';\n\ninterface ConfigEncryptionDialogProps {\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n  sopsData?: SopsConfigDTO;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  state: RiScDialogStates;\n}\n\nfunction ConfigEncryptionDialog({\n  gcpCryptoKeys,\n  sopsData,\n  setValue,\n  register,\n  errors,\n  state,\n}: ConfigEncryptionDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] =\n    useState('');\n  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);\n  const [newPublicAgeKey, setNewPublicAgeKey] = useState('');\n  const [publicAgeKeys, setPublicAgeKeys] = useState<string[]>(() => {\n    if (sopsData?.age) {\n      return sopsData.age.map(age => age.recipient);\n    }\n    return [];\n  });\n\n  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] =\n    useState<GcpCryptoKeyObject>(() => {\n      if (state === RiScDialogStates.EditEncryption && sopsData?.gcp_kms) {\n        const gcpKms = sopsData.gcp_kms[0];\n        if (gcpKms?.resource_id) {\n          const resourceParts = gcpKms.resource_id.split('/');\n          if (resourceParts.length === 8) {\n            return {\n              projectId: resourceParts[1],\n              keyRing: resourceParts[5],\n              keyName: resourceParts[7],\n              locations: resourceParts[3],\n              resourceId: gcpKms.resource_id,\n              createdAt: gcpKms.created_at,\n              hasEncryptDecryptAccess: true,\n            };\n          }\n        }\n      }\n      return gcpCryptoKeys[0];\n    });\n\n  const [isAddPublicAgeKeyVisible, setIsAddPublicAgeKeyVisible] =\n    useState(false);\n\n  function showAddPublicAgeKey() {\n    setIsAddPublicAgeKeyVisible(true);\n  }\n\n  useEffect(() => {\n    setValue('sopsConfig', {\n      shamir_threshold: 2,\n      gcp_kms: chosenGcpCryptoKey\n        ? [\n            {\n              resource_id: chosenGcpCryptoKey.resourceId,\n              created_at: chosenGcpCryptoKey.createdAt,\n            },\n          ]\n        : [],\n      age: publicAgeKeys.map(key => ({ recipient: key })),\n    });\n  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);\n\n  // Require one key group to contain a GCP key\n  register('sopsConfig.gcp_kms', {\n    validate: gcpKeys => gcpKeys.length > 0,\n  });\n\n  function handleChangeGcpCryptoKey(newKey: GcpCryptoKeyObject) {\n    setChosenGcpCryptoKey(newKey);\n  }\n\n  function handleAddPublicAgeKey() {\n    if (isPublicAgeKeyValid(newPublicAgeKey)) {\n      if (publicAgeKeys.includes(newPublicAgeKey)) {\n        setPublicKeyTextFieldHelperText(\n          t('sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig'),\n        );\n        setPublicKeyTextFieldError(true);\n      } else {\n        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);\n        setNewPublicAgeKey('');\n      }\n    } else {\n      setPublicKeyTextFieldHelperText(\n        t('sopsConfigDialog.publicKeyHelperTextKeyNotValid'),\n      );\n      setPublicKeyTextFieldError(true);\n    }\n  }\n\n  return (\n    <Flex direction=\"column\">\n      <Text>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </Text>\n      <Flex direction=\"column\" gap=\"0px\">\n        <Text variant=\"body-medium\" weight=\"bold\">\n          {t('sopsConfigDialog.selectKeysTitle')}\n        </Text>\n        {chosenGcpCryptoKey !== undefined ? (\n          <>\n            <Text>{t('sopsConfigDialog.gcpCryptoKeyDescription')}</Text>\n            <GcpCryptoKeyMenu\n              chosenGcpCryptoKey={chosenGcpCryptoKey}\n              onChange={handleChangeGcpCryptoKey}\n              gcpCryptoKeys={\n                gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                  ? gcpCryptoKeys\n                  : [...gcpCryptoKeys, chosenGcpCryptoKey]\n              }\n            />\n          </>\n        ) : (\n          <Text variant=\"body-medium\">\n            {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n          </Text>\n        )}\n      </Flex>\n      {errors.sopsConfig !== undefined && (\n        <FormHelperText error={true}>\n          {t('sopsConfigDialog.gcpCryptoKeyNonSelectedErrorMessage')}\n        </FormHelperText>\n      )}\n      <Box className={styles.accordionContainer}>\n        <Accordion elevation={0} defaultExpanded={publicAgeKeys.length > 0}>\n          <AccordionSummary\n            expandIcon={<ExpandMore />}\n            aria-controls=\"panel1-content\"\n            id=\"panel1-header\"\n          >\n            {t('sopsConfigDialog.publicAgeKeyQuestion')}\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box>\n              {publicAgeKeys.length > 0 && (\n                <FormLabel>\n                  {t('sopsConfigDialog.publicAgeKeysAlreadyPresent')}\n                </FormLabel>\n              )}\n              {publicAgeKeys.length > 0 && (\n                <Box\n                  style={{\n                    border: '1px solid',\n                    borderRadius: '4px',\n                    marginBottom: 2,\n                  }}\n                >\n                  <List>\n                    {publicAgeKeys.map(key => (\n                      <ListItem key={key} dense>\n                        <ListItemText>{key}</ListItemText>\n                        <ListItemSecondaryAction>\n                          <IconButton\n                            onClick={() => {\n                              setPublicAgeKeys(\n                                publicAgeKeys.filter(k => k !== key),\n                              );\n                            }}\n                          >\n                            <DeleteIcon />\n                          </IconButton>\n                        </ListItemSecondaryAction>\n                      </ListItem>\n                    ))}\n                  </List>\n                </Box>\n              )}\n              <Text as=\"p\" variant=\"body-large\">\n                {t('dictionary.click')}{' '}\n                <Link\n                  href={\n                    URLS.external.kartverket_atlassian_net__write_ros_locally\n                  }\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  color=\"primary\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Text>\n              <Text as=\"p\" variant=\"body-large\">\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}{' '}\n              </Text>\n              <Flex direction=\"column\" justify=\"between\" gap=\"2\" mt=\"2\">\n                {!isAddPublicAgeKeyVisible && (\n                  <Button\n                    iconStart={<AddCircle />}\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={showAddPublicAgeKey}\n                    style={{\n                      width: 'fit-content',\n                      marginTop: '1rem',\n                    }}\n                  >\n                    {t('sopsConfigDialog.addPublicAgeKey')}\n                  </Button>\n                )}\n                {isAddPublicAgeKeyVisible && (\n                  <Flex align=\"center\" gap=\"1\">\n                    <TextField\n                      label={t('sopsConfigDialog.publicAgeKey')}\n                      helperText={publicAgeKeyHelperText}\n                      error={publicAgeKeyError}\n                      onKeyDown={e => {\n                        if (e.key === 'Enter') {\n                          handleAddPublicAgeKey();\n                        }\n                      }}\n                      onFocus={() => {\n                        setPublicKeyTextFieldError(false);\n                        setPublicKeyTextFieldHelperText('');\n                      }}\n                      value={newPublicAgeKey}\n                      onChange={e => setNewPublicAgeKey(e.target.value)}\n                      sx={{ flex: 1 }}\n                    />\n                    <Button\n                      variant=\"primary\"\n                      onClick={handleAddPublicAgeKey}\n                      style={{\n                        maxWidth: 200,\n                      }}\n                    >\n                      {t('sopsConfigDialog.addPublicAgeKey')}\n                    </Button>\n                  </Flex>\n                )}\n              </Flex>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Flex>\n  );\n}\n\nexport default ConfigEncryptionDialog;\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { Box, Text, Switch, Flex, RadioGroup, Radio } from '@backstage/ui';
-import { RiScDialogStates } from './RiScDialog.esm.js';
 import { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.esm.js';
 import { useTheme } from '@mui/material/styles';
+import styles from './ConfigInitialRisc.module.css.esm.js';
 
 const RadioOption = ({
   value,
@@ -99,7 +99,7 @@ function ConfigInitialRisc(props) {
       props.setValue("content.scope", descriptor.defaultScope);
     }
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: props.dialogState === RiScDialogStates.Create && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { children: [
+  return /* @__PURE__ */ jsxs(Box, { children: [
     defaultRiScTypeDescriptors.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(Box, { pb: "2", children: [
         /* @__PURE__ */ jsx(Text, { variant: "body-medium", as: "p", children: t("rosDialog.initialRiscScopeDescription") }),
@@ -137,6 +137,7 @@ function ConfigInitialRisc(props) {
             isDisabled: !props.switchOn,
             "aria-label": "Select application type",
             value: props.selectedRiScId,
+            className: styles.radioGroup,
             children: defaultRiScTypeDescriptors.map((descriptor) => /* @__PURE__ */ jsx(
               RadioOption,
               {
@@ -154,7 +155,7 @@ function ConfigInitialRisc(props) {
       ] })
     ] }),
     defaultRiScTypeDescriptors.length === 0 && /* @__PURE__ */ jsx(Text, { children: t("rosDialog.noInitialRiScFound") })
-  ] }) }) });
+  ] });
 }
 
 export { ConfigInitialRisc as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigInitialRisc.esm.js","sources":["../../../src/components/riScDialog/ConfigInitialRisc.tsx"],"sourcesContent":["import { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, Flex, Radio, RadioGroup, Switch, Text } from '@backstage/ui';\nimport { RiScDialogStates } from './RiScDialog';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\nimport { UseFormSetValue } from 'react-hook-form/dist/types/form';\nimport { useTheme } from '@mui/material/styles';\n\ntype RadioOptionProps = {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n  numActions: number | null;\n  numScenarios: number | null;\n};\n\nconst RadioOption = ({\n  value,\n  label,\n  description,\n  active = true,\n  numActions,\n  numScenarios,\n}: RadioOptionProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const theme = useTheme();\n  const style = {\n    fontSize: '12px',\n    border: `1px solid ${active ? 'var(--bui-gray-6)' : 'var(--bui-gray-8)'}`,\n    borderRadius: '24px',\n    padding: '2px 8px',\n  };\n\n  return (\n    <>\n      <Flex\n        direction=\"column\"\n        align=\"start\"\n        p=\"12px 16px\"\n        gap=\"2\"\n        style={{\n          backgroundColor:\n            theme.palette.mode === 'dark'\n              ? 'var(--bui-gray-5)'\n              : 'var(--bui-gray-2)',\n          borderRadius: '8px',\n        }}\n      >\n        <Radio value={value}>\n          <Text\n            weight=\"bold\"\n            as=\"h5\"\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n          >\n            {label}\n          </Text>\n          <Flex gap=\"8px\">\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numActions} {t('dictionary.measuresInitialRiSc')}\n            </Text>\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numScenarios} {t('dictionary.scenarios')}\n            </Text>\n          </Flex>\n        </Radio>\n        {description && (\n          <Flex ml=\"6\">\n            <Text\n              as=\"p\"\n              variant=\"body-large\"\n              color={active ? 'secondary' : 'primary'}\n            >\n              {description}\n            </Text>\n          </Flex>\n        )}\n      </Flex>\n    </>\n  );\n};\n\ninterface ConfigInitialRiscProps {\n  dialogState: RiScDialogStates;\n  switchOn: boolean;\n  setSwitchOn: (val: boolean) => void;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  selectedRiScId: string | undefined;\n  setSelectedRiScId: (riScId: string | undefined) => void;\n}\n\nfunction ConfigInitialRisc(props: ConfigInitialRiscProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    defaultRiScTypeDescriptors,\n    riScSelectedByDefault,\n    getDescriptorOfId,\n  } = useDefaultRiScTypeDescriptors();\n\n  function onCreateDefaultRiScSwitchChange() {\n    if (props.switchOn) {\n      props.setValue('content.title', '');\n      props.setValue('content.scope', '');\n    } else {\n      props.setSelectedRiScId(riScSelectedByDefault?.id);\n      if (riScSelectedByDefault) {\n        props.setValue('content.title', riScSelectedByDefault.defaultTitle);\n        props.setValue('content.scope', riScSelectedByDefault.defaultScope);\n      }\n    }\n    props.setSwitchOn(!props.switchOn);\n  }\n\n  function onSelectRiScType(selectedDefaultRiScId: string) {\n    props.setSelectedRiScId(selectedDefaultRiScId);\n    const descriptor = getDescriptorOfId(selectedDefaultRiScId);\n    if (descriptor) {\n      props.setValue('content.title', descriptor.defaultTitle);\n      props.setValue('content.scope', descriptor.defaultScope);\n    }\n  }\n\n  return (\n    <>\n      {props.dialogState === RiScDialogStates.Create && (\n        <>\n          <Box>\n            {defaultRiScTypeDescriptors.length > 0 && (\n              <>\n                <Box pb=\"2\">\n                  <Text variant=\"body-medium\" as=\"p\">\n                    {t('rosDialog.initialRiscScopeDescription')}\n                  </Text>\n                  <Box pt=\"2\">\n                    <Switch\n                      isSelected={props.switchOn}\n                      onChange={onCreateDefaultRiScSwitchChange}\n                      label={\n                        props.switchOn\n                          ? t('dictionary.yes')\n                          : t('dictionary.no')\n                      }\n                    />\n                  </Box>\n                </Box>\n                <Flex direction=\"column\" justify=\"between\" mt=\"2\" gap=\"2\">\n                  <Text\n                    weight=\"bold\"\n                    as=\"p\"\n                    color={!props.switchOn ? 'secondary' : 'primary'}\n                  >\n                    {t('rosDialog.applicationType')}\n                  </Text>\n                  <Text\n                    variant=\"body-medium\"\n                    color={!props.switchOn ? 'secondary' : 'primary'}\n                  >\n                    {t('rosDialog.initialRiscApplicationType')}\n                  </Text>\n\n                  <RadioGroup\n                    onChange={onSelectRiScType}\n                    isDisabled={!props.switchOn}\n                    aria-label=\"Select application type\"\n                    value={props.selectedRiScId}\n                  >\n                    {defaultRiScTypeDescriptors.map(descriptor => (\n                      <RadioOption\n                        key={descriptor.id}\n                        value={descriptor.id}\n                        label={descriptor.listName}\n                        description={descriptor.listDescription}\n                        active={!props.switchOn}\n                        numActions={descriptor.numberOfActions}\n                        numScenarios={descriptor.numberOfScenarios}\n                      />\n                    ))}\n                  </RadioGroup>\n                </Flex>\n              </>\n            )}\n            {defaultRiScTypeDescriptors.length === 0 && (\n              <Text>{t('rosDialog.noInitialRiScFound')}</Text>\n            )}\n          </Box>\n        </>\n      )}\n    </>\n  );\n}\n\nexport default ConfigInitialRisc;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigInitialRisc.esm.js","sources":["../../../src/components/riScDialog/ConfigInitialRisc.tsx"],"sourcesContent":["import { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, Flex, Radio, RadioGroup, Switch, Text } from '@backstage/ui';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\nimport { UseFormSetValue } from 'react-hook-form/dist/types/form';\nimport { useTheme } from '@mui/material/styles';\nimport styles from './ConfigInitialRisc.module.css';\n\ntype RadioOptionProps = {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n  numActions: number | null;\n  numScenarios: number | null;\n};\n\nconst RadioOption = ({\n  value,\n  label,\n  description,\n  active = true,\n  numActions,\n  numScenarios,\n}: RadioOptionProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const theme = useTheme();\n  const style = {\n    fontSize: '12px',\n    border: `1px solid ${active ? 'var(--bui-gray-6)' : 'var(--bui-gray-8)'}`,\n    borderRadius: '24px',\n    padding: '2px 8px',\n  };\n\n  return (\n    <>\n      <Flex\n        direction=\"column\"\n        align=\"start\"\n        p=\"12px 16px\"\n        gap=\"2\"\n        style={{\n          backgroundColor:\n            theme.palette.mode === 'dark'\n              ? 'var(--bui-gray-5)'\n              : 'var(--bui-gray-2)',\n          borderRadius: '8px',\n        }}\n      >\n        <Radio value={value}>\n          <Text\n            weight=\"bold\"\n            as=\"h5\"\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n          >\n            {label}\n          </Text>\n          <Flex gap=\"8px\">\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numActions} {t('dictionary.measuresInitialRiSc')}\n            </Text>\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numScenarios} {t('dictionary.scenarios')}\n            </Text>\n          </Flex>\n        </Radio>\n        {description && (\n          <Flex ml=\"6\">\n            <Text\n              as=\"p\"\n              variant=\"body-large\"\n              color={active ? 'secondary' : 'primary'}\n            >\n              {description}\n            </Text>\n          </Flex>\n        )}\n      </Flex>\n    </>\n  );\n};\n\ninterface ConfigInitialRiscProps {\n  switchOn: boolean;\n  setSwitchOn: (val: boolean) => void;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  selectedRiScId: string | undefined;\n  setSelectedRiScId: (riScId: string | undefined) => void;\n}\n\nfunction ConfigInitialRisc(props: ConfigInitialRiscProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    defaultRiScTypeDescriptors,\n    riScSelectedByDefault,\n    getDescriptorOfId,\n  } = useDefaultRiScTypeDescriptors();\n\n  function onCreateDefaultRiScSwitchChange() {\n    if (props.switchOn) {\n      props.setValue('content.title', '');\n      props.setValue('content.scope', '');\n    } else {\n      props.setSelectedRiScId(riScSelectedByDefault?.id);\n      if (riScSelectedByDefault) {\n        props.setValue('content.title', riScSelectedByDefault.defaultTitle);\n        props.setValue('content.scope', riScSelectedByDefault.defaultScope);\n      }\n    }\n    props.setSwitchOn(!props.switchOn);\n  }\n\n  function onSelectRiScType(selectedDefaultRiScId: string) {\n    props.setSelectedRiScId(selectedDefaultRiScId);\n    const descriptor = getDescriptorOfId(selectedDefaultRiScId);\n    if (descriptor) {\n      props.setValue('content.title', descriptor.defaultTitle);\n      props.setValue('content.scope', descriptor.defaultScope);\n    }\n  }\n\n  return (\n    <Box>\n      {defaultRiScTypeDescriptors.length > 0 && (\n        <>\n          <Box pb=\"2\">\n            <Text variant=\"body-medium\" as=\"p\">\n              {t('rosDialog.initialRiscScopeDescription')}\n            </Text>\n            <Box pt=\"2\">\n              <Switch\n                isSelected={props.switchOn}\n                onChange={onCreateDefaultRiScSwitchChange}\n                label={\n                  props.switchOn ? t('dictionary.yes') : t('dictionary.no')\n                }\n              />\n            </Box>\n          </Box>\n          <Flex direction=\"column\" justify=\"between\" mt=\"2\" gap=\"2\">\n            <Text\n              weight=\"bold\"\n              as=\"p\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.applicationType')}\n            </Text>\n            <Text\n              variant=\"body-medium\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.initialRiscApplicationType')}\n            </Text>\n\n            <RadioGroup\n              onChange={onSelectRiScType}\n              isDisabled={!props.switchOn}\n              aria-label=\"Select application type\"\n              value={props.selectedRiScId}\n              className={styles.radioGroup}\n            >\n              {defaultRiScTypeDescriptors.map(descriptor => (\n                <RadioOption\n                  key={descriptor.id}\n                  value={descriptor.id}\n                  label={descriptor.listName}\n                  description={descriptor.listDescription}\n                  active={!props.switchOn}\n                  numActions={descriptor.numberOfActions}\n                  numScenarios={descriptor.numberOfScenarios}\n                />\n              ))}\n            </RadioGroup>\n          </Flex>\n        </>\n      )}\n      {defaultRiScTypeDescriptors.length === 0 && (\n        <Text>{t('rosDialog.noInitialRiScFound')}</Text>\n      )}\n    </Box>\n  );\n}\n\nexport default ConfigInitialRisc;\n"],"names":[],"mappings":"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"}

package/dist/components/riScDialog/ConfigInitialRisc.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".ConfigInitialRisc-module_radioGroup__EPL8I {\n  height: 300px;\n  overflow-y: auto;\n}\n\n@media (max-height: 770px) {\n  .ConfigInitialRisc-module_radioGroup__EPL8I {\n    height: 200px;\n  }\n}\n";
+var styles = {"radioGroup":"ConfigInitialRisc-module_radioGroup__EPL8I"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ConfigInitialRisc.module.css.esm.js.map

package/dist/components/riScDialog/ConfigInitialRisc.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInitialRisc.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -154,7 +154,6 @@ function RiScDialog({
             activeStep === 0 && /* @__PURE__ */ jsx(
               ConfigInitialRisc,
               {
-                dialogState,
                 switchOn,
                 setSwitchOn,
                 setValue,

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

@@ -1 +1 @@
-{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { 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 { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport {\n  Flex,\n  Button,\n  Text,\n  Dialog,\n  DialogTrigger,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n} from '@backstage/ui';\nimport styles from './RiScDialog.module.css';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\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({ activeStep }: { activeStep: number }) {\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    <Stepper activeStep={activeStep} alternativeLabel>\n      {steps.map(label => (\n        <Step key={label}>\n          <StepLabel>{label}</StepLabel>\n        </Step>\n      ))}\n    </Stepper>\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 { riScSelectedByDefault } = useDefaultRiScTypeDescriptors();\n  const [selectedRiScId, setSelectedRiScId] = useState<string | undefined>(\n    riScSelectedByDefault?.id,\n  );\n  useEffect(() => {\n    setSelectedRiScId(riScSelectedByDefault?.id);\n  }, [riScSelectedByDefault]);\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, selectedRiScId);\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      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.initRiscDialogTitle}>\n            <Text variant=\"title-small\" weight=\"bold\">\n              {t('rosDialog.titleNew')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <RiScStepper activeStep={activeStep} />\n            <Text\n              as=\"h2\"\n              variant=\"title-x-small\"\n              weight=\"bold\"\n              className={styles.subtitle}\n            >\n              {activeStep === 0 && t('rosDialog.initialRiscTitle')}\n              {activeStep === 1 && t('rosDialog.titleAndScope')}\n              {activeStep === 2 && t('rosDialog.stepEncryption')}\n            </Text>\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                dialogState={dialogState}\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScId={selectedRiScId}\n                setSelectedRiScId={setSelectedRiScId}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\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            <Flex pt=\"16px\" justify=\"between\">\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\n                    size=\"medium\"\n                    variant=\"primary\"\n                    onClick={handleFinish}\n                  >\n                    {t('dictionary.save')}\n                  </Button>\n                )}\n              </Flex>\n            </Flex>\n          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('deleteDialog.title')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <Flex direction=\"column\">\n              {t('deleteDialog.confirmationMessage')}\n              <Flex justify=\"between\" pt=\"16px\">\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              </Flex>\n            </Flex>\n          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('rosDialog.titleEdit')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <ConfigRiscInfo\n              register={register}\n              errors={errors}\n              setValue={setValue}\n              watch={watch}\n            />\n          </DialogBody>\n          <DialogFooter className={styles.riscDialogFooter}>\n            <Button\n              size=\"medium\"\n              variant=\"tertiary\"\n              onClick={onDelete}\n              className={styles.deleteButton}\n            >\n              <i className={`ri-delete-bin-line ${styles.deleteButtonIcon}`} />\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          </DialogFooter>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-small\" weight=\"bold\">\n              {t('rosDialog.editEncryption')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <ConfigEncryptionDialog\n              gcpCryptoKeys={gcpCryptoKeys}\n              sopsData={selectedRiSc?.sopsConfig}\n              setValue={setValue}\n              state={dialogState}\n              register={register}\n              errors={errors}\n            />\n            <Flex justify=\"between\" className={styles.riscDialogFooter}>\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          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\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 { useState, useEffect } from 'react';\nimport { 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 { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport {\n  Flex,\n  Button,\n  Text,\n  Dialog,\n  DialogTrigger,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n} from '@backstage/ui';\nimport styles from './RiScDialog.module.css';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\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({ activeStep }: { activeStep: number }) {\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    <Stepper activeStep={activeStep} alternativeLabel>\n      {steps.map(label => (\n        <Step key={label}>\n          <StepLabel>{label}</StepLabel>\n        </Step>\n      ))}\n    </Stepper>\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 { riScSelectedByDefault } = useDefaultRiScTypeDescriptors();\n  const [selectedRiScId, setSelectedRiScId] = useState<string | undefined>(\n    riScSelectedByDefault?.id,\n  );\n  useEffect(() => {\n    setSelectedRiScId(riScSelectedByDefault?.id);\n  }, [riScSelectedByDefault]);\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, selectedRiScId);\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      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.initRiscDialogTitle}>\n            <Text variant=\"title-small\" weight=\"bold\">\n              {t('rosDialog.titleNew')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <RiScStepper activeStep={activeStep} />\n            <Text\n              as=\"h2\"\n              variant=\"title-x-small\"\n              weight=\"bold\"\n              className={styles.subtitle}\n            >\n              {activeStep === 0 && t('rosDialog.initialRiscTitle')}\n              {activeStep === 1 && t('rosDialog.titleAndScope')}\n              {activeStep === 2 && t('rosDialog.stepEncryption')}\n            </Text>\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScId={selectedRiScId}\n                setSelectedRiScId={setSelectedRiScId}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\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            <Flex pt=\"16px\" justify=\"between\">\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\n                    size=\"medium\"\n                    variant=\"primary\"\n                    onClick={handleFinish}\n                  >\n                    {t('dictionary.save')}\n                  </Button>\n                )}\n              </Flex>\n            </Flex>\n          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('deleteDialog.title')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <Flex direction=\"column\">\n              {t('deleteDialog.confirmationMessage')}\n              <Flex justify=\"between\" pt=\"16px\">\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              </Flex>\n            </Flex>\n          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('rosDialog.titleEdit')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <ConfigRiscInfo\n              register={register}\n              errors={errors}\n              setValue={setValue}\n              watch={watch}\n            />\n          </DialogBody>\n          <DialogFooter className={styles.riscDialogFooter}>\n            <Button\n              size=\"medium\"\n              variant=\"tertiary\"\n              onClick={onDelete}\n              className={styles.deleteButton}\n            >\n              <i className={`ri-delete-bin-line ${styles.deleteButtonIcon}`} />\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          </DialogFooter>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <DialogTrigger>\n        <Dialog\n          isOpen={true}\n          onOpenChange={onClose}\n          className={styles.createRiscDialog}\n        >\n          <DialogHeader className={styles.riscDialogTitle}>\n            <Text variant=\"title-small\" weight=\"bold\">\n              {t('rosDialog.editEncryption')}\n            </Text>\n          </DialogHeader>\n          <DialogBody className={styles.riscDialogBody}>\n            <ConfigEncryptionDialog\n              gcpCryptoKeys={gcpCryptoKeys}\n              sopsData={selectedRiSc?.sopsConfig}\n              setValue={setValue}\n              state={dialogState}\n              register={register}\n              errors={errors}\n            />\n            <Flex justify=\"between\" className={styles.riscDialogFooter}>\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          </DialogBody>\n        </Dialog>\n      </DialogTrigger>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".RiScDialog-module_subtitle__DD2TU {\n  padding-top: 24px;\n  padding-bottom: 8px;\n}\n\n.RiScDialog-module_subtitleDivider__s1MRG {\n  padding-top: 16px;\n}\n\n.RiScDialog-module_deleteButton__7-Fam {\n  color: #d32f2f;\n  padding-left: 0;\n}\n\n.RiScDialog-module_deleteButtonIcon__-Biyl {\n  font-size: 16px;\n}\n\n.RiScDialog-module_matrixDialog__ttMKf {\n  width: 1050px;\n  margin: 32px;\n  padding: 24px;\n  border-radius: 4px;\n}\n\n.RiScDialog-module_matrixDialogBody__pm-CM {\n  padding-bottom: 32px;\n}\n\n.RiScDialog-module_matrixDialogFooter__50J-Q {\n  padding: 16px 0;\n}\n\n.RiScDialog-module_riscDialogTitle__LQYHp {\n  padding: 0 0 16px 0;\n}\n\n.RiScDialog-module_createRiscDialog__eOOvy {\n  padding: 24px;\n  border-radius: 4px;\n  width: 600px;\n}\n\n.RiScDialog-module_riscDialogBody__Vvxia {\n  padding: 24px 0 0 0;\n}\n\n.RiScDialog-module_riscDialogFooter__0Cryc {\n  display: flex;\n  justify-content: space-between;\n  padding: 16px 0 0 0;\n}\n\n.RiScDialog-module_riscDialogBodyNoFooter__44BnN {\n  padding: 24px 0 0 0;\n}\n\n.RiScDialog-module_initRiscDialogTitle__ALt2p {\n  padding: 0 0 16px 0;\n}\n";
-var styles = {"subtitle":"RiScDialog-module_subtitle__DD2TU","deleteButton":"RiScDialog-module_deleteButton__7-Fam","deleteButtonIcon":"RiScDialog-module_deleteButtonIcon__-Biyl","matrixDialog":"RiScDialog-module_matrixDialog__ttMKf","matrixDialogBody":"RiScDialog-module_matrixDialogBody__pm-CM","matrixDialogFooter":"RiScDialog-module_matrixDialogFooter__50J-Q","riscDialogTitle":"RiScDialog-module_riscDialogTitle__LQYHp","createRiscDialog":"RiScDialog-module_createRiscDialog__eOOvy","riscDialogBody":"RiScDialog-module_riscDialogBody__Vvxia","riscDialogFooter":"RiScDialog-module_riscDialogFooter__0Cryc","riscDialogBodyNoFooter":"RiScDialog-module_riscDialogBodyNoFooter__44BnN","initRiscDialogTitle":"RiScDialog-module_initRiscDialogTitle__ALt2p"};
+var css_248z = ".RiScDialog-module_subtitle__DD2TU {\n  padding-top: 24px;\n  padding-bottom: 8px;\n}\n\n.RiScDialog-module_subtitleDivider__s1MRG {\n  padding-top: 16px;\n}\n\n.RiScDialog-module_deleteButton__7-Fam {\n  color: #d32f2f;\n  padding-left: 0;\n}\n\n.RiScDialog-module_deleteButtonIcon__-Biyl {\n  font-size: 16px;\n}\n\n.RiScDialog-module_matrixDialog__ttMKf {\n  width: 1050px;\n  margin: 32px;\n  padding: 24px;\n  border-radius: 4px;\n}\n\n.RiScDialog-module_matrixDialogBody__pm-CM {\n  padding-bottom: 32px;\n}\n\n.RiScDialog-module_matrixDialogFooter__50J-Q {\n  padding: 16px 0;\n}\n\n.RiScDialog-module_riscDialogTitle__LQYHp {\n  padding: 0 0 16px 0;\n}\n\n.RiScDialog-module_createRiscDialog__eOOvy {\n  padding: 24px;\n  border-radius: 4px;\n  width: 600px;\n}\n\n.RiScDialog-module_riscDialogBody__Vvxia {\n  padding: 24px 0 0 0;\n}\n\n.RiScDialog-module_riscDialogFooter__0Cryc {\n  display: flex;\n  justify-content: space-between;\n  padding: 16px 0 0 0;\n}\n\n.RiScDialog-module_riscDialogBodyNoFooter__44BnN {\n  padding: 24px 0 0 0;\n}\n\n.RiScDialog-module_initRiscDialogTitle__ALt2p {\n  padding: 0 0 16px 0;\n}\n\n.RiScDialog-module_accordionContainer__bj-Kf {\n  border: 1px solid var(--ros-gray-200);\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .RiScDialog-module_accordionContainer__bj-Kf {\n  border: 1px solid var(--bui-white);\n}\n";
+var styles = {"subtitle":"RiScDialog-module_subtitle__DD2TU","deleteButton":"RiScDialog-module_deleteButton__7-Fam","deleteButtonIcon":"RiScDialog-module_deleteButtonIcon__-Biyl","matrixDialog":"RiScDialog-module_matrixDialog__ttMKf","matrixDialogBody":"RiScDialog-module_matrixDialogBody__pm-CM","matrixDialogFooter":"RiScDialog-module_matrixDialogFooter__50J-Q","riscDialogTitle":"RiScDialog-module_riscDialogTitle__LQYHp","createRiscDialog":"RiScDialog-module_createRiscDialog__eOOvy","riscDialogBody":"RiScDialog-module_riscDialogBody__Vvxia","riscDialogFooter":"RiScDialog-module_riscDialogFooter__0Cryc","riscDialogBodyNoFooter":"RiScDialog-module_riscDialogBodyNoFooter__44BnN","initRiscDialogTitle":"RiScDialog-module_initRiscDialogTitle__ALt2p","accordionContainer":"RiScDialog-module_accordionContainer__bj-Kf"};
 styleInject(css_248z);
 
 export { styles as default };

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

@@ -8,12 +8,11 @@ import { section } from '../scenarioDrawerComponents.esm.js';
 import Divider from '@mui/material/Divider';
 import { useFieldArray } from 'react-hook-form';
 import { ActionFormItem } from './ActionFormItem.esm.js';
-import Button from '@mui/material/Button';
 import { AddCircle } from '@mui/icons-material';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import { useActionFiltersStorage } from '../../../stores/ActionFiltersStore.esm.js';
-import { Text } from '@backstage/ui';
+import { Flex, Text, TooltipTrigger, Button, Tooltip } from '@backstage/ui';
 import { useSortActionsByRelevance } from '../../../hooks/UseSortActionsByRelevance.esm.js';
 import { filterActionsByRelevance } from '../../../utils/actions.esm.js';
 import { ActionRowList } from '../../action/ActionRowList.esm.js';
@@ -39,6 +38,7 @@ const RelevanceToggle = ({
 function ActionsSection({ formMethods, isEditing }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { scenario } = useScenario();
+  const [allowActionDeletion, setAllowActionDeletion] = useState(false);
   const { watch } = formMethods;
   const currentActions = watch("actions");
   const [sortedActions, setSortedActions] = useState(
@@ -67,27 +67,30 @@ function ActionsSection({ formMethods, isEditing }) {
     return /* @__PURE__ */ jsx(ActionsSectionOnEdit, { formMethods });
   }
   return /* @__PURE__ */ jsxs(Paper, { sx: section, children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          marginBottom: 2
-        },
-        children: [
-          /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.measures") }),
+    /* @__PURE__ */ jsxs(Flex, { justify: "between", mb: "2", children: [
+      /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.measures") }),
+      /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+        /* @__PURE__ */ jsx(
+          RelevanceToggle,
+          {
+            checked: actionFilters.showOnlyRelevant,
+            onChange: (value) => saveOnlyRelevantFilter(value)
+          }
+        ),
+        /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
           /* @__PURE__ */ jsx(
-            RelevanceToggle,
+            Button,
             {
-              checked: actionFilters.showOnlyRelevant,
-              onChange: (value) => saveOnlyRelevantFilter(value)
+              iconStart: allowActionDeletion ? /* @__PURE__ */ jsx("i", { className: "ri-checkbox-circle-line" }) : /* @__PURE__ */ jsx("i", { className: "ri-pencil-line" }),
+              variant: "secondary",
+              onClick: () => setAllowActionDeletion((prev) => !prev),
+              children: allowActionDeletion
             }
-          )
-        ]
-      }
-    ),
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { children: allowActionDeletion ? t("scenarioTable.doneEditing") : t("scenarioTable.editButton") })
+        ] })
+      ] })
+    ] }),
     sortedActions !== void 0 && sortedActions.length > 0 ? /* @__PURE__ */ jsx(
       ActionRowList,
       {
@@ -96,7 +99,7 @@ function ActionsSection({ formMethods, isEditing }) {
           sortedActions,
           actionFilters.showOnlyRelevant
         ),
-        allowDeletion: true,
+        allowDeletion: allowActionDeletion,
         allowEdit: true
       }
     ) : /* @__PURE__ */ jsx(Text, { variant: "body-large", style: { fontStyle: "italic" }, children: !currentActions || currentActions.length === 0 ? t("dictionary.emptyField", {
@@ -117,8 +120,8 @@ function ActionsSectionOnEdit(props) {
       /* @__PURE__ */ jsx(
         Button,
         {
-          startIcon: /* @__PURE__ */ jsx(AddCircle, {}),
-          color: "primary",
+          iconStart: /* @__PURE__ */ jsx(AddCircle, {}),
+          variant: "primary",
           onClick: () => append(emptyAction()),
           children: t("scenarioDrawer.measureTab.addMeasureButton")
         }

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

@@ -1 +1 @@
-{"version":3,"file":"ActionsSection.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionsSection.tsx"],"sourcesContent":["import { Fragment, useEffect, useState } from 'react';\nimport Paper from '@mui/material/Paper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { emptyAction, useScenario } from '../../../contexts/ScenarioContext';\nimport { section } from '../scenarioDrawerComponents';\nimport Divider from '@mui/material/Divider';\nimport { useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { Action, FormScenario } from '../../../utils/types';\nimport { ActionFormItem } from './ActionFormItem';\nimport Button from '@mui/material/Button';\nimport { AddCircle } from '@mui/icons-material';\nimport Box from '@mui/material/Box';\nimport Switch from '@mui/material/Switch';\nimport { useActionFiltersStorage } from '../../../stores/ActionFiltersStore.ts';\nimport { Text } from '@backstage/ui';\nimport { useSortActionsByRelevance } from '../../../hooks/UseSortActionsByRelevance.ts';\nimport { filterActionsByRelevance } from '../../../utils/actions.ts';\nimport { ActionRowList } from '../../action/ActionRowList.tsx';\n\nconst RelevanceToggle = ({\n  checked,\n  onChange,\n}: {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Switch\n        checked={checked}\n        onChange={e => onChange(e.target.checked)}\n        name=\"showOnlyRelevant\"\n        color=\"primary\"\n      />\n      <Text variant=\"body-medium\">{t('dictionary.showOnlyRelevant')}</Text>\n    </Box>\n  );\n};\n\ntype ActionSectionProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  isEditing: boolean;\n};\n\nexport function ActionsSection({ formMethods, isEditing }: ActionSectionProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { scenario } = useScenario();\n\n  const { watch } = formMethods;\n  const currentActions = watch('actions');\n\n  const [sortedActions, setSortedActions] = useState<Action[] | undefined>(\n    undefined,\n  );\n  const { actionFilters, saveOnlyRelevantFilter } = useActionFiltersStorage();\n  const sortActionsByRelevance = useSortActionsByRelevance();\n\n  useEffect(() => {\n    setSortedActions(sortedActionsState => {\n      if (sortedActionsState === undefined)\n        return sortActionsByRelevance([...currentActions]);\n\n      // sync actions\n      const updatedSortedActions: Action[] = [];\n      for (const action of sortedActionsState) {\n        const updatedAction = currentActions.find(a => a.ID === action.ID);\n        if (updatedAction) updatedSortedActions.push(updatedAction);\n      }\n      // add new actions\n      for (const action of currentActions) {\n        if (!updatedSortedActions.some(a => a.ID === action.ID)) {\n          updatedSortedActions.push(action);\n        }\n      }\n      return updatedSortedActions;\n    });\n  }, [currentActions, actionFilters, sortActionsByRelevance]);\n\n  if (isEditing) {\n    return <ActionsSectionOnEdit formMethods={formMethods} />;\n  }\n\n  return (\n    <Paper sx={section}>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          marginBottom: 2,\n        }}\n      >\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.measures')}\n        </Text>\n\n        <RelevanceToggle\n          checked={actionFilters.showOnlyRelevant}\n          onChange={value => saveOnlyRelevantFilter(value)}\n        />\n      </Box>\n      {sortedActions !== undefined && sortedActions.length > 0 ? (\n        <ActionRowList\n          scenarioId={scenario.ID}\n          displayedActions={filterActionsByRelevance(\n            sortedActions,\n            actionFilters.showOnlyRelevant,\n          )}\n          allowDeletion\n          allowEdit\n        />\n      ) : (\n        <Text variant=\"body-large\" style={{ fontStyle: 'italic' }}>\n          {!currentActions || currentActions.length === 0\n            ? t('dictionary.emptyField', {\n                field: t('dictionary.measures').toLowerCase(),\n              })\n            : t('dictionary.noRelevantMeasures')}\n        </Text>\n      )}\n    </Paper>\n  );\n}\n\ntype ActionsSectionOnEditProps = {\n  formMethods: UseFormReturn<FormScenario>;\n};\n\nfunction ActionsSectionOnEdit(props: ActionsSectionOnEditProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control } = props.formMethods;\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: 'actions',\n  });\n\n  return (\n    <Paper sx={section}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.measure')}\n        </Text>\n        <Button\n          startIcon={<AddCircle />}\n          color=\"primary\"\n          onClick={() => append(emptyAction())}\n        >\n          {t('scenarioDrawer.measureTab.addMeasureButton')}\n        </Button>\n      </Box>\n      {fields.map((field, index) => (\n        <Fragment key={field.id}>\n          <Divider variant=\"fullWidth\" />\n          <ActionFormItem\n            key={index}\n            formMethods={props.formMethods}\n            displayedIndex={index}\n            handleDelete={() => remove(index)}\n            baseObjectPathToActionOfForm={`actions.${index}`}\n          />\n        </Fragment>\n      ))}\n    </Paper>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionsSection.esm.js","sources":["../../../../src/components/scenarioDrawer/components/ActionsSection.tsx"],"sourcesContent":["import { Fragment, useEffect, useState } from 'react';\nimport Paper from '@mui/material/Paper';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { emptyAction, useScenario } from '../../../contexts/ScenarioContext';\nimport { section } from '../scenarioDrawerComponents';\nimport Divider from '@mui/material/Divider';\nimport { useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { Action, FormScenario } from '../../../utils/types';\nimport { ActionFormItem } from './ActionFormItem';\nimport { AddCircle } from '@mui/icons-material';\nimport Box from '@mui/material/Box';\nimport Switch from '@mui/material/Switch';\nimport { useActionFiltersStorage } from '../../../stores/ActionFiltersStore.ts';\nimport { Text, Tooltip, TooltipTrigger, Flex, Button } from '@backstage/ui';\nimport { useSortActionsByRelevance } from '../../../hooks/UseSortActionsByRelevance.ts';\nimport { filterActionsByRelevance } from '../../../utils/actions.ts';\nimport { ActionRowList } from '../../action/ActionRowList.tsx';\n\nconst RelevanceToggle = ({\n  checked,\n  onChange,\n}: {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Switch\n        checked={checked}\n        onChange={e => onChange(e.target.checked)}\n        name=\"showOnlyRelevant\"\n        color=\"primary\"\n      />\n      <Text variant=\"body-medium\">{t('dictionary.showOnlyRelevant')}</Text>\n    </Box>\n  );\n};\n\ntype ActionSectionProps = {\n  formMethods: UseFormReturn<FormScenario>;\n  isEditing: boolean;\n};\n\nexport function ActionsSection({ formMethods, isEditing }: ActionSectionProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { scenario } = useScenario();\n\n  const [allowActionDeletion, setAllowActionDeletion] =\n    useState<boolean>(false);\n  const { watch } = formMethods;\n  const currentActions = watch('actions');\n\n  const [sortedActions, setSortedActions] = useState<Action[] | undefined>(\n    undefined,\n  );\n  const { actionFilters, saveOnlyRelevantFilter } = useActionFiltersStorage();\n  const sortActionsByRelevance = useSortActionsByRelevance();\n\n  useEffect(() => {\n    setSortedActions(sortedActionsState => {\n      if (sortedActionsState === undefined)\n        return sortActionsByRelevance([...currentActions]);\n\n      // sync actions\n      const updatedSortedActions: Action[] = [];\n      for (const action of sortedActionsState) {\n        const updatedAction = currentActions.find(a => a.ID === action.ID);\n        if (updatedAction) updatedSortedActions.push(updatedAction);\n      }\n      // add new actions\n      for (const action of currentActions) {\n        if (!updatedSortedActions.some(a => a.ID === action.ID)) {\n          updatedSortedActions.push(action);\n        }\n      }\n      return updatedSortedActions;\n    });\n  }, [currentActions, actionFilters, sortActionsByRelevance]);\n\n  if (isEditing) {\n    return <ActionsSectionOnEdit formMethods={formMethods} />;\n  }\n\n  return (\n    <Paper sx={section}>\n      <Flex justify=\"between\" mb=\"2\">\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.measures')}\n        </Text>\n        <Flex align=\"center\">\n          <RelevanceToggle\n            checked={actionFilters.showOnlyRelevant}\n            onChange={value => saveOnlyRelevantFilter(value)}\n          />\n          <TooltipTrigger>\n            <Button\n              iconStart={\n                allowActionDeletion ? (\n                  <i className=\"ri-checkbox-circle-line\" />\n                ) : (\n                  <i className=\"ri-pencil-line\" />\n                )\n              }\n              variant=\"secondary\"\n              onClick={() => setAllowActionDeletion(prev => !prev)}\n            >\n              {allowActionDeletion}\n            </Button>\n            <Tooltip>\n              {allowActionDeletion\n                ? t('scenarioTable.doneEditing')\n                : t('scenarioTable.editButton')}\n            </Tooltip>\n          </TooltipTrigger>\n        </Flex>\n      </Flex>\n      {sortedActions !== undefined && sortedActions.length > 0 ? (\n        <ActionRowList\n          scenarioId={scenario.ID}\n          displayedActions={filterActionsByRelevance(\n            sortedActions,\n            actionFilters.showOnlyRelevant,\n          )}\n          allowDeletion={allowActionDeletion}\n          allowEdit\n        />\n      ) : (\n        <Text variant=\"body-large\" style={{ fontStyle: 'italic' }}>\n          {!currentActions || currentActions.length === 0\n            ? t('dictionary.emptyField', {\n                field: t('dictionary.measures').toLowerCase(),\n              })\n            : t('dictionary.noRelevantMeasures')}\n        </Text>\n      )}\n    </Paper>\n  );\n}\n\ntype ActionsSectionOnEditProps = {\n  formMethods: UseFormReturn<FormScenario>;\n};\n\nfunction ActionsSectionOnEdit(props: ActionsSectionOnEditProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { control } = props.formMethods;\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: 'actions',\n  });\n\n  return (\n    <Paper sx={section}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.measure')}\n        </Text>\n        <Button\n          iconStart={<AddCircle />}\n          variant=\"primary\"\n          onClick={() => append(emptyAction())}\n        >\n          {t('scenarioDrawer.measureTab.addMeasureButton')}\n        </Button>\n      </Box>\n      {fields.map((field, index) => (\n        <Fragment key={field.id}>\n          <Divider variant=\"fullWidth\" />\n          <ActionFormItem\n            key={index}\n            formMethods={props.formMethods}\n            displayedIndex={index}\n            handleDelete={() => remove(index)}\n            baseObjectPathToActionOfForm={`actions.${index}`}\n          />\n        </Fragment>\n      ))}\n    </Paper>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -24,6 +24,7 @@ function RiskOptionDisplay({
               alignItems: "center",
               width: "24px",
               height: "24px",
+              minWidth: "24px",
               borderRadius: "50%",
               backgroundColor: isSelected ? "primary.main" : "transparent",
               border: "1px solid",

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

@@ -1 +1 @@
-{"version":3,"file":"RiskOptionDisplay.esm.js","sources":["../../../../src/components/scenarioDrawer/components/RiskOptionDisplay.tsx"],"sourcesContent":["import { Box } from '@mui/material';\n\nexport default function RiskOptionDisplay({\n  isSelected,\n  level,\n  label,\n}: {\n  isSelected: boolean;\n  level: number;\n  label: string;\n}) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '8px',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'inline-flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          width: '24px',\n          height: '24px',\n          borderRadius: '50%',\n          backgroundColor: isSelected ? 'primary.main' : 'transparent',\n          border: '1px solid',\n          borderColor: isSelected ? 'primary.main' : 'primary.main',\n          color: isSelected ? 'white' : 'primary.main',\n          fontSize: '14px',\n          fontWeight: 'bold',\n        }}\n      >\n        {level}\n      </Box>\n      <span>{label}</span>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;AAEA,SAAwB,iBAAA,CAAkB;AAAA,EACxC,UAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,GAAA,EAAK;AAAA,OACP;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI;AAAA,cACF,OAAA,EAAS,aAAA;AAAA,cACT,cAAA,EAAgB,QAAA;AAAA,cAChB,UAAA,EAAY,QAAA;AAAA,cACZ,KAAA,EAAO,MAAA;AAAA,cACP,MAAA,EAAQ,MAAA;AAAA,cACR,YAAA,EAAc,KAAA;AAAA,cACd,eAAA,EAAiB,aAAa,cAAA,GAAiB,aAAA;AAAA,cAC/C,MAAA,EAAQ,WAAA;AAAA,cACR,WAAA,EAAa,aAAa,cAAA,GAAiB,cAAA;AAAA,cAC3C,KAAA,EAAO,aAAa,OAAA,GAAU,cAAA;AAAA,cAC9B,QAAA,EAAU,MAAA;AAAA,cACV,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GACf;AAEJ;;;;"}
+{"version":3,"file":"RiskOptionDisplay.esm.js","sources":["../../../../src/components/scenarioDrawer/components/RiskOptionDisplay.tsx"],"sourcesContent":["import { Box } from '@mui/material';\n\nexport default function RiskOptionDisplay({\n  isSelected,\n  level,\n  label,\n}: {\n  isSelected: boolean;\n  level: number;\n  label: string;\n}) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '8px',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'inline-flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          width: '24px',\n          height: '24px',\n          minWidth: '24px',\n          borderRadius: '50%',\n          backgroundColor: isSelected ? 'primary.main' : 'transparent',\n          border: '1px solid',\n          borderColor: isSelected ? 'primary.main' : 'primary.main',\n          color: isSelected ? 'white' : 'primary.main',\n          fontSize: '14px',\n          fontWeight: 'bold',\n        }}\n      >\n        {level}\n      </Box>\n      <span>{label}</span>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;AAEA,SAAwB,iBAAA,CAAkB;AAAA,EACxC,UAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,GAAA,EAAK;AAAA,OACP;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI;AAAA,cACF,OAAA,EAAS,aAAA;AAAA,cACT,cAAA,EAAgB,QAAA;AAAA,cAChB,UAAA,EAAY,QAAA;AAAA,cACZ,KAAA,EAAO,MAAA;AAAA,cACP,MAAA,EAAQ,MAAA;AAAA,cACR,QAAA,EAAU,MAAA;AAAA,cACV,YAAA,EAAc,KAAA;AAAA,cACd,eAAA,EAAiB,aAAa,cAAA,GAAiB,aAAA;AAAA,cAC/C,MAAA,EAAQ,WAAA;AAAA,cACR,WAAA,EAAa,aAAa,cAAA,GAAiB,cAAA;AAAA,cAC3C,KAAA,EAAO,aAAa,OAAA,GAAU,cAAA;AAAA,cAC9B,QAAA,EAAU,MAAA;AAAA,cACV,UAAA,EAAY;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GACf;AAEJ;;;;"}

package/dist/components/sopsConfigDialog/GcpCryptoKeyMenu.esm.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ListItemButton, Avatar, Menu, ListSubheader } from '@mui/material';
 import { GcpCryptoKeyMenuItem } from './GcpCryptoKeyMenuItem.esm.js';
-import Box from '@mui/material/Box';
 import ListItemAvatar from '@mui/material/ListItemAvatar';
 import { VpnKey } from '@mui/icons-material';
 import ListItemText from '@mui/material/ListItemText';
@@ -11,6 +10,8 @@ import AddIcon from '@mui/icons-material/Add';
 import WarningAmberIcon from '@mui/icons-material/WarningAmber';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { useState } from 'react';
+import { Box } from '@backstage/ui';
+import styles from './SopsConfigDialog.module.css.esm.js';
 
 function GcpCryptoKeyMenu({
   chosenGcpCryptoKey,
@@ -35,96 +36,83 @@ function GcpCryptoKeyMenu({
     acc[key].push(gcpCryptoKey);
     return acc;
   }, {});
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "relative",
-        left: 0,
-        marginTop: 1,
-        border: "1px solid",
-        borderColor: (theme) => theme.palette.mode === "dark" ? "white" : "grey.300",
-        borderRadius: "4px"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          ListItemButton,
-          {
-            onClick: handleClick,
-            sx: {
-              display: "flex",
-              flexDirection: "row",
-              alignItems: "center",
-              gap: 1
-            },
-            children: chosenGcpCryptoKey.projectId === "" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AddIcon, {}) }) }),
-              /* @__PURE__ */ jsx(ListItemText, { primary: t("sopsConfigDialog.chooseGcpCryptoKey") })
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(
-                Avatar,
-                {
-                  sx: {
-                    backgroundColor: chosenGcpCryptoKey.projectId !== "" ? "primary.main" : "default",
-                    color: chosenGcpCryptoKey.projectId !== "" ? "white" : "inherit"
-                  },
-                  children: /* @__PURE__ */ jsx(VpnKey, {})
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                ListItemText,
-                {
-                  primary: chosenGcpCryptoKey.keyName,
-                  secondary: /* @__PURE__ */ jsxs(Fragment, { children: [
-                    "Project ID: ",
-                    chosenGcpCryptoKey.projectId
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: { marginLeft: "auto" } }),
-              !chosenGcpCryptoKey.hasEncryptDecryptAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(WarningAmberIcon, { sx: { color: "red" } }),
-                t("dictionary.noAccess")
+  return /* @__PURE__ */ jsxs(Box, { className: styles.GcpCryptoKeyMenuContainer, children: [
+    /* @__PURE__ */ jsx(
+      ListItemButton,
+      {
+        onClick: handleClick,
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        },
+        children: chosenGcpCryptoKey.projectId === "" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AddIcon, {}) }) }),
+          /* @__PURE__ */ jsx(ListItemText, { primary: t("sopsConfigDialog.chooseGcpCryptoKey") })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              sx: {
+                backgroundColor: chosenGcpCryptoKey.projectId !== "" ? "primary.main" : "default",
+                color: chosenGcpCryptoKey.projectId !== "" ? "white" : "inherit"
+              },
+              children: /* @__PURE__ */ jsx(VpnKey, {})
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            ListItemText,
+            {
+              primary: chosenGcpCryptoKey.keyName,
+              secondary: /* @__PURE__ */ jsxs(Fragment, { children: [
+                "Project ID: ",
+                chosenGcpCryptoKey.projectId
               ] })
-            ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: { marginLeft: "auto" } }),
+          !chosenGcpCryptoKey.hasEncryptDecryptAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(WarningAmberIcon, { sx: { color: "red" } }),
+            t("dictionary.noAccess")
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        disablePortal: true,
+        anchorEl,
+        open,
+        onClose: () => setAnchorEl(null),
+        transformOrigin: { horizontal: "left", vertical: "top" },
+        anchorOrigin: { horizontal: "left", vertical: "bottom" },
+        slotProps: {
+          paper: {
+            style: {
+              maxHeight: 500,
+              width: 500
+            }
           }
-        ),
-        /* @__PURE__ */ jsx(
-          Menu,
-          {
-            disablePortal: true,
-            anchorEl,
-            open,
-            onClose: () => setAnchorEl(null),
-            transformOrigin: { horizontal: "left", vertical: "top" },
-            anchorOrigin: { horizontal: "left", vertical: "bottom" },
-            slotProps: {
-              paper: {
-                style: {
-                  maxHeight: 500,
-                  width: 500
-                }
-              }
+        },
+        children: Object.keys(gcpCryptoKeysGroupedByAccess).map((hasAccess) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("ul", { style: { paddingLeft: 0, marginLeft: 0 }, children: [
+          /* @__PURE__ */ jsx(ListSubheader, { children: hasAccess === "true" ? t("sopsConfigDialog.gcpKeyHaveAccess") : t("sopsConfigDialog.gcpKeyDoNotHaveAccess") }),
+          gcpCryptoKeysGroupedByAccess[hasAccess].map((gcpCryptoKey) => /* @__PURE__ */ jsx(
+            GcpCryptoKeyMenuItem,
+            {
+              value: JSON.stringify(gcpCryptoKey),
+              gcpCryptoKey,
+              handleClick: handleClickMenuItem,
+              hasAccess: hasAccess === "true",
+              isSelected: gcpCryptoKey.projectId === chosenGcpCryptoKey.projectId && gcpCryptoKey.keyRing === chosenGcpCryptoKey.keyRing && gcpCryptoKey.keyName === chosenGcpCryptoKey.keyName
             },
-            children: Object.keys(gcpCryptoKeysGroupedByAccess).map((hasAccess) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("ul", { style: { paddingLeft: 0, marginLeft: 0 }, children: [
-              /* @__PURE__ */ jsx(ListSubheader, { children: hasAccess === "true" ? t("sopsConfigDialog.gcpKeyHaveAccess") : t("sopsConfigDialog.gcpKeyDoNotHaveAccess") }),
-              gcpCryptoKeysGroupedByAccess[hasAccess].map((gcpCryptoKey) => /* @__PURE__ */ jsx(
-                GcpCryptoKeyMenuItem,
-                {
-                  value: JSON.stringify(gcpCryptoKey),
-                  gcpCryptoKey,
-                  handleClick: handleClickMenuItem,
-                  hasAccess: hasAccess === "true",
-                  isSelected: gcpCryptoKey.projectId === chosenGcpCryptoKey.projectId && gcpCryptoKey.keyRing === chosenGcpCryptoKey.keyRing && gcpCryptoKey.keyName === chosenGcpCryptoKey.keyName
-                },
-                `${gcpCryptoKey.projectId}-${gcpCryptoKey.keyRing}-${gcpCryptoKey.keyName}`
-              ))
-            ] }) }, `access-group-${hasAccess}`))
-          }
-        )
-      ]
-    }
-  );
+            `${gcpCryptoKey.projectId}-${gcpCryptoKey.keyRing}-${gcpCryptoKey.keyName}`
+          ))
+        ] }) }, `access-group-${hasAccess}`))
+      }
+    )
+  ] });
 }
 
 export { GcpCryptoKeyMenu };

package/dist/components/sopsConfigDialog/GcpCryptoKeyMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"GcpCryptoKeyMenu.esm.js","sources":["../../../src/components/sopsConfigDialog/GcpCryptoKeyMenu.tsx"],"sourcesContent":["import { Avatar, ListItemButton, ListSubheader, Menu } from '@mui/material';\nimport { GcpCryptoKeyObject } from '../../utils/DTOs';\nimport { GcpCryptoKeyMenuItem } from './GcpCryptoKeyMenuItem';\nimport Box from '@mui/material/Box';\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\nimport { VpnKey } from '@mui/icons-material';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport AddIcon from '@mui/icons-material/Add';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { useState, MouseEvent } from 'react';\n\ninterface GcpCryptoKeyMenuProps {\n  chosenGcpCryptoKey: GcpCryptoKeyObject;\n  onChange: (gcpCryptoKey: GcpCryptoKeyObject) => void;\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n}\n\nexport function GcpCryptoKeyMenu({\n  chosenGcpCryptoKey,\n  onChange,\n  gcpCryptoKeys,\n}: GcpCryptoKeyMenuProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  function handleClick(event: MouseEvent<HTMLElement>) {\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleClickMenuItem(gcpCryptoKey: GcpCryptoKeyObject) {\n    onChange(gcpCryptoKey);\n    setAnchorEl(null);\n  }\n\n  const gcpCryptoKeysGroupedByAccess = gcpCryptoKeys.reduce<\n    Record<string, GcpCryptoKeyObject[]>\n  >((acc, gcpCryptoKey) => {\n    const key = (gcpCryptoKey.hasEncryptDecryptAccess ?? false).toString();\n    if (!acc[key]) {\n      acc[key] = [];\n    }\n    acc[key].push(gcpCryptoKey);\n    return acc;\n  }, {});\n\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        left: 0,\n        marginTop: 1,\n        border: '1px solid',\n        borderColor: theme =>\n          theme.palette.mode === 'dark' ? 'white' : 'grey.300',\n        borderRadius: '4px',\n      }}\n    >\n      <ListItemButton\n        onClick={handleClick}\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\n        {chosenGcpCryptoKey.projectId === '' ? (\n          <>\n            <ListItemAvatar>\n              <Avatar>\n                <AddIcon />\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText primary={t('sopsConfigDialog.chooseGcpCryptoKey')} />\n          </>\n        ) : (\n          <>\n            <ListItemAvatar>\n              <Avatar\n                sx={{\n                  backgroundColor:\n                    chosenGcpCryptoKey.projectId !== ''\n                      ? 'primary.main'\n                      : 'default',\n                  color:\n                    chosenGcpCryptoKey.projectId !== '' ? 'white' : 'inherit',\n                }}\n              >\n                <VpnKey />\n              </Avatar>\n            </ListItemAvatar>\n\n            <ListItemText\n              primary={chosenGcpCryptoKey.keyName}\n              secondary={<>Project ID: {chosenGcpCryptoKey.projectId}</>}\n            />\n            <ExpandMoreIcon sx={{ marginLeft: 'auto' }} />\n            {!chosenGcpCryptoKey.hasEncryptDecryptAccess && (\n              <>\n                <WarningAmberIcon sx={{ color: 'red' }} />\n                {t('dictionary.noAccess')}\n              </>\n            )}\n          </>\n        )}\n      </ListItemButton>\n      <Menu\n        disablePortal\n        anchorEl={anchorEl}\n        open={open}\n        onClose={() => setAnchorEl(null)}\n        transformOrigin={{ horizontal: 'left', vertical: 'top' }}\n        anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}\n        slotProps={{\n          paper: {\n            style: {\n              maxHeight: 500,\n              width: 500,\n            },\n          },\n        }}\n      >\n        {Object.keys(gcpCryptoKeysGroupedByAccess).map(hasAccess => (\n          <li key={`access-group-${hasAccess}`}>\n            <ul style={{ paddingLeft: 0, marginLeft: 0 }}>\n              <ListSubheader>\n                {hasAccess === 'true'\n                  ? t('sopsConfigDialog.gcpKeyHaveAccess')\n                  : t('sopsConfigDialog.gcpKeyDoNotHaveAccess')}\n              </ListSubheader>\n              {gcpCryptoKeysGroupedByAccess[hasAccess].map(gcpCryptoKey => (\n                <GcpCryptoKeyMenuItem\n                  key={`${gcpCryptoKey.projectId}-${gcpCryptoKey.keyRing}-${gcpCryptoKey.keyName}`}\n                  value={JSON.stringify(gcpCryptoKey)}\n                  gcpCryptoKey={gcpCryptoKey}\n                  handleClick={handleClickMenuItem}\n                  hasAccess={hasAccess === 'true'}\n                  isSelected={\n                    gcpCryptoKey.projectId === chosenGcpCryptoKey.projectId &&\n                    gcpCryptoKey.keyRing === chosenGcpCryptoKey.keyRing &&\n                    gcpCryptoKey.keyName === chosenGcpCryptoKey.keyName\n                  }\n                />\n              ))}\n            </ul>\n          </li>\n        ))}\n      </Menu>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GcpCryptoKeyMenu.esm.js","sources":["../../../src/components/sopsConfigDialog/GcpCryptoKeyMenu.tsx"],"sourcesContent":["import { Avatar, ListItemButton, ListSubheader, Menu } from '@mui/material';\nimport { GcpCryptoKeyObject } from '../../utils/DTOs';\nimport { GcpCryptoKeyMenuItem } from './GcpCryptoKeyMenuItem';\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\nimport { VpnKey } from '@mui/icons-material';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport AddIcon from '@mui/icons-material/Add';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { useState, MouseEvent } from 'react';\nimport { Box } from '@backstage/ui';\nimport styles from './SopsConfigDialog.module.css';\n\ninterface GcpCryptoKeyMenuProps {\n  chosenGcpCryptoKey: GcpCryptoKeyObject;\n  onChange: (gcpCryptoKey: GcpCryptoKeyObject) => void;\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n}\n\nexport function GcpCryptoKeyMenu({\n  chosenGcpCryptoKey,\n  onChange,\n  gcpCryptoKeys,\n}: GcpCryptoKeyMenuProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  function handleClick(event: MouseEvent<HTMLElement>) {\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleClickMenuItem(gcpCryptoKey: GcpCryptoKeyObject) {\n    onChange(gcpCryptoKey);\n    setAnchorEl(null);\n  }\n\n  const gcpCryptoKeysGroupedByAccess = gcpCryptoKeys.reduce<\n    Record<string, GcpCryptoKeyObject[]>\n  >((acc, gcpCryptoKey) => {\n    const key = (gcpCryptoKey.hasEncryptDecryptAccess ?? false).toString();\n    if (!acc[key]) {\n      acc[key] = [];\n    }\n    acc[key].push(gcpCryptoKey);\n    return acc;\n  }, {});\n\n  return (\n    <Box className={styles.GcpCryptoKeyMenuContainer}>\n      <ListItemButton\n        onClick={handleClick}\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: 1,\n        }}\n      >\n        {chosenGcpCryptoKey.projectId === '' ? (\n          <>\n            <ListItemAvatar>\n              <Avatar>\n                <AddIcon />\n              </Avatar>\n            </ListItemAvatar>\n            <ListItemText primary={t('sopsConfigDialog.chooseGcpCryptoKey')} />\n          </>\n        ) : (\n          <>\n            <ListItemAvatar>\n              <Avatar\n                sx={{\n                  backgroundColor:\n                    chosenGcpCryptoKey.projectId !== ''\n                      ? 'primary.main'\n                      : 'default',\n                  color:\n                    chosenGcpCryptoKey.projectId !== '' ? 'white' : 'inherit',\n                }}\n              >\n                <VpnKey />\n              </Avatar>\n            </ListItemAvatar>\n\n            <ListItemText\n              primary={chosenGcpCryptoKey.keyName}\n              secondary={<>Project ID: {chosenGcpCryptoKey.projectId}</>}\n            />\n            <ExpandMoreIcon sx={{ marginLeft: 'auto' }} />\n            {!chosenGcpCryptoKey.hasEncryptDecryptAccess && (\n              <>\n                <WarningAmberIcon sx={{ color: 'red' }} />\n                {t('dictionary.noAccess')}\n              </>\n            )}\n          </>\n        )}\n      </ListItemButton>\n      <Menu\n        disablePortal\n        anchorEl={anchorEl}\n        open={open}\n        onClose={() => setAnchorEl(null)}\n        transformOrigin={{ horizontal: 'left', vertical: 'top' }}\n        anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}\n        slotProps={{\n          paper: {\n            style: {\n              maxHeight: 500,\n              width: 500,\n            },\n          },\n        }}\n      >\n        {Object.keys(gcpCryptoKeysGroupedByAccess).map(hasAccess => (\n          <li key={`access-group-${hasAccess}`}>\n            <ul style={{ paddingLeft: 0, marginLeft: 0 }}>\n              <ListSubheader>\n                {hasAccess === 'true'\n                  ? t('sopsConfigDialog.gcpKeyHaveAccess')\n                  : t('sopsConfigDialog.gcpKeyDoNotHaveAccess')}\n              </ListSubheader>\n              {gcpCryptoKeysGroupedByAccess[hasAccess].map(gcpCryptoKey => (\n                <GcpCryptoKeyMenuItem\n                  key={`${gcpCryptoKey.projectId}-${gcpCryptoKey.keyRing}-${gcpCryptoKey.keyName}`}\n                  value={JSON.stringify(gcpCryptoKey)}\n                  gcpCryptoKey={gcpCryptoKey}\n                  handleClick={handleClickMenuItem}\n                  hasAccess={hasAccess === 'true'}\n                  isSelected={\n                    gcpCryptoKey.projectId === chosenGcpCryptoKey.projectId &&\n                    gcpCryptoKey.keyRing === chosenGcpCryptoKey.keyRing &&\n                    gcpCryptoKey.keyName === chosenGcpCryptoKey.keyName\n                  }\n                />\n              ))}\n            </ul>\n          </li>\n        ))}\n      </Menu>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/sopsConfigDialog/SopsConfigDialog.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".SopsConfigDialog-module_GcpCryptoKeyMenuContainer__R90rd {\n  left: 0;\n  margin-top: 10px;\n  border: 1px solid var(--ros-gray-200);\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .SopsConfigDialog-module_GcpCryptoKeyMenuContainer__R90rd {\n  border: 1px solid var(--bui-white);\n}\n";
+var styles = {"GcpCryptoKeyMenuContainer":"SopsConfigDialog-module_GcpCryptoKeyMenuContainer__R90rd"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=SopsConfigDialog.module.css.esm.js.map

package/dist/components/sopsConfigDialog/SopsConfigDialog.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SopsConfigDialog.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kartverket/backstage-plugin-risk-scorecard",
-  "version": "3.10.6",
+  "version": "3.10.7",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "MIT",