@kartverket/backstage-plugin-risk-scorecard 3.1.1 → 3.1.3

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

@@ -5,41 +5,34 @@ import FormLabel from '@mui/material/FormLabel';
 import TextField from '@mui/material/TextField';
 import { forwardRef } from 'react';
 import { formLabel, formHelperText } from './typography.esm.js';
+import { formControlStyles, commonTextColor } from '../../utils/style.esm.js';
 
 const Input = forwardRef(
   ({ label, sublabel, error, helperText, required, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      FormControl,
-      {
-        sx: { width: "100%", gap: "4px" },
-        error,
-        required,
-        children: [
-          label && /* @__PURE__ */ jsx(FormLabel, { required, sx: formLabel, children: label }),
-          sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              id: "filled-multiline-static",
-              error,
-              multiline: true,
-              fullWidth: true,
-              variant: "outlined",
-              inputRef: ref,
-              InputProps: {
-                sx: (theme) => ({
-                  "&.Mui-disabled": {
-                    color: theme.palette.mode === "dark" ? "#FFFFFF80" : "#757575"
-                  }
-                })
-              },
-              ...props
-            }
-          ),
-          helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(FormControl, { sx: formControlStyles, error, required, children: [
+      label && /* @__PURE__ */ jsx(FormLabel, { required, sx: formLabel, children: label }),
+      sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          id: "filled-multiline-static",
+          error,
+          multiline: true,
+          fullWidth: true,
+          variant: "outlined",
+          inputRef: ref,
+          InputProps: {
+            sx: (theme) => ({
+              "&.Mui-disabled": {
+                color: commonTextColor(theme, true)
+              }
+            })
+          },
+          ...props
+        }
+      ),
+      helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+    ] });
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl\n        sx={{ width: '100%', gap: '4px' }}\n        error={error}\n        required={required}\n      >\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: theme.palette.mode === 'dark' ? '#FFFFFF80' : '#757575',\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;AAWO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,YAAY,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACnE,IACE,uBAAA,IAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,KAAK,KAAM,EAAA;AAAA,QAChC,KAAA;AAAA,QACA,QAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACE,GAAA,CAAA,SAAA,EAAA,EAAU,QAAoB,EAAA,EAAA,EAAI,WAChC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,UAED,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,0BAEhD,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,EAAG,EAAA,yBAAA;AAAA,cACH,KAAA;AAAA,cACA,SAAS,EAAA,IAAA;AAAA,cACT,SAAS,EAAA,IAAA;AAAA,cACT,OAAQ,EAAA,UAAA;AAAA,cACR,QAAU,EAAA,GAAA;AAAA,cACV,UAAY,EAAA;AAAA,gBACV,IAAI,CAAU,KAAA,MAAA;AAAA,kBACZ,gBAAkB,EAAA;AAAA,oBAChB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,WAAc,GAAA;AAAA;AACvD,iBACF;AAAA,eACF;AAAA,cACC,GAAG;AAAA;AAAA,WACN;AAAA,UACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA;AAAA;AAAA,KAC7C;AAAA;AAGN;;;;"}
+{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { formHelperText, formLabel } from './typography';\nimport { commonTextColor, formControlStyles } from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl sx={formControlStyles} error={error} required={required}>\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: commonTextColor(theme, true),\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,YAAY,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACnE,IAAA,uBACG,IAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,iBAAA,EAAmB,OAAc,QAC/C,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,oBACE,GAAA,CAAA,SAAA,EAAA,EAAU,QAAoB,EAAA,EAAA,EAAI,WAChC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,MAED,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,yBAAA;AAAA,UACH,KAAA;AAAA,UACA,SAAS,EAAA,IAAA;AAAA,UACT,SAAS,EAAA,IAAA;AAAA,UACT,OAAQ,EAAA,UAAA;AAAA,UACR,QAAU,EAAA,GAAA;AAAA,UACV,UAAY,EAAA;AAAA,YACV,IAAI,CAAU,KAAA,MAAA;AAAA,cACZ,gBAAkB,EAAA;AAAA,gBAChB,KAAA,EAAO,eAAgB,CAAA,KAAA,EAAO,IAAI;AAAA;AACpC,aACF;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1,11 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
 import Typography from '@mui/material/Typography';
 import ReactMarkdown from 'react-markdown';
+import { useTheme } from '@mui/material/styles';
 import 'github-markdown-css/github-markdown.css';
 import remarkBreaks from 'remark-breaks';
+import { commonBackgroundColor, commonTextColor } from '../../utils/style.esm.js';
 
-function Markdown({ description }) {
-  return /* @__PURE__ */ jsx(Typography, { className: "markdown-body", children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description }) });
+function Markdown({ description, disabled = false }) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      className: "markdown-body",
+      sx: {
+        color: commonTextColor(theme, disabled),
+        backgroundColor: commonBackgroundColor(theme, disabled)
+      },
+      children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description })
+    }
+  );
 }
 
 export { Markdown };

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport ReactMarkdown from 'react-markdown';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\n\ntype Props = {\n  description: string;\n};\n\nexport function Markdown({ description }: Props) {\n  return (\n    <Typography className=\"markdown-body\">\n      <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n        {description}\n      </ReactMarkdown>\n    </Typography>\n  );\n}\n"],"names":[],"mappings":";;;;;;AASgB,SAAA,QAAA,CAAS,EAAE,WAAA,EAAsB,EAAA;AAC/C,EACE,uBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,eACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,aAAA,EAAe,CAAC,YAAY,CACxC,EAAA,QAAA,EAAA,WAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport ReactMarkdown from 'react-markdown';\nimport { useTheme } from '@mui/material/styles';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\nimport { commonTextColor, commonBackgroundColor } from '../../utils/style';\n\ntype Props = {\n  description: string;\n  disabled?: boolean;\n};\n\nexport function Markdown({ description, disabled = false }: Props) {\n  const theme = useTheme();\n\n  return (\n    <Typography\n      className=\"markdown-body\"\n      sx={{\n        color: commonTextColor(theme, disabled),\n        backgroundColor: commonBackgroundColor(theme, disabled),\n      }}\n    >\n      <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n        {description}\n      </ReactMarkdown>\n    </Typography>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAYO,SAAS,QAAS,CAAA,EAAE,WAAa,EAAA,QAAA,GAAW,OAAgB,EAAA;AACjE,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,eAAA;AAAA,MACV,EAAI,EAAA;AAAA,QACF,KAAA,EAAO,eAAgB,CAAA,KAAA,EAAO,QAAQ,CAAA;AAAA,QACtC,eAAA,EAAiB,qBAAsB,CAAA,KAAA,EAAO,QAAQ;AAAA,OACxD;AAAA,MAEA,8BAAC,aAAc,EAAA,EAAA,aAAA,EAAe,CAAC,YAAY,GACxC,QACH,EAAA,WAAA,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -5,12 +5,24 @@ import FormHelperText from '@mui/material/FormHelperText';
 import FormLabel from '@mui/material/FormLabel';
 import MDEditor from '@uiw/react-md-editor';
 import { formLabel, formHelperText } from './typography.esm.js';
+import { useTheme } from '@mui/material/styles';
+import { formControlStyles, commonBackgroundColor, commonTextColor } from '../../utils/style.esm.js';
 
 const MarkdownInput = forwardRef(
-  ({ label, sublabel, error, helperText, minRows, value, onMarkdownChange }, ref) => {
+  ({
+    label,
+    sublabel,
+    error,
+    helperText,
+    minRows,
+    value,
+    onMarkdownChange,
+    disabled = false
+  }, ref) => {
     const [markdownContent, setMarkdownContent] = useState(
       value
     );
+    const theme = useTheme();
     useEffect(() => {
       setMarkdownContent(value);
     }, [value]);
@@ -18,7 +30,7 @@ const MarkdownInput = forwardRef(
       setMarkdownContent(newValue || "");
       onMarkdownChange?.(newValue || "");
     };
-    return /* @__PURE__ */ jsxs(FormControl, { sx: { width: "100%", gap: "4px" }, error, children: [
+    return /* @__PURE__ */ jsxs(FormControl, { sx: formControlStyles, error, children: [
       label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, children: label }),
       sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
       /* @__PURE__ */ jsx(
@@ -28,7 +40,11 @@ const MarkdownInput = forwardRef(
           value: markdownContent,
           onChange: handleMarkdownChange,
           preview: "edit",
-          height: minRows ? minRows * 24 : 64
+          height: minRows ? minRows * 24 : 64,
+          style: {
+            color: commonTextColor(theme, disabled),
+            backgroundColor: commonBackgroundColor(theme, disabled)
+          }
         }
       ),
       helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../src/components/common/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { formHelperText, formLabel } from './typography';\nimport { TextFieldProps } from '@material-ui/core';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    { label, sublabel, error, helperText, minRows, value, onMarkdownChange },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    return (\n      <FormControl sx={{ width: '100%', gap: '4px' }} error={error}>\n        {label && <FormLabel sx={formLabel}>{label}</FormLabel>}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <MDEditor\n          ref={ref}\n          value={markdownContent}\n          onChange={handleMarkdownChange}\n          preview=\"edit\"\n          height={minRows ? minRows * 24 : 64}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CACE,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,YAAY,OAAS,EAAA,KAAA,EAAO,gBAAiB,EAAA,EACvE,GACG,KAAA;AACH,IAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,KAC1B,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAM,MAAA,oBAAA,GAAuB,CAAC,QAAiC,KAAA;AAC7D,MAAA,kBAAA,CAAmB,YAAY,EAAE,CAAA;AACjC,MAAA,gBAAA,GAAmB,YAAY,EAAE,CAAA;AAAA,KACnC;AAEA,IACE,uBAAA,IAAA,CAAC,eAAY,EAAI,EAAA,EAAE,OAAO,MAAQ,EAAA,GAAA,EAAK,KAAM,EAAA,EAAG,KAC7C,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAU,GAAA,CAAA,SAAA,EAAA,EAAU,EAAI,EAAA,SAAA,EAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,MAC1C,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,KAAO,EAAA,eAAA;AAAA,UACP,QAAU,EAAA,oBAAA;AAAA,UACV,OAAQ,EAAA,MAAA;AAAA,UACR,MAAA,EAAQ,OAAU,GAAA,OAAA,GAAU,EAAK,GAAA;AAAA;AAAA,OACnC;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../src/components/common/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { formHelperText, formLabel } from './typography';\nimport { TextFieldProps } from '@material-ui/core';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  commonTextColor,\n  commonBackgroundColor,\n  formControlStyles,\n} from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      label,\n      sublabel,\n      error,\n      helperText,\n      minRows,\n      value,\n      onMarkdownChange,\n      disabled = false,\n    },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    const theme = useTheme();\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    return (\n      <FormControl sx={formControlStyles} error={error}>\n        {label && <FormLabel sx={formLabel}>{label}</FormLabel>}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <MDEditor\n          ref={ref}\n          value={markdownContent}\n          onChange={handleMarkdownChange}\n          preview=\"edit\"\n          height={minRows ? minRows * 24 : 64}\n          style={{\n            color: commonTextColor(theme, disabled),\n            backgroundColor: commonBackgroundColor(theme, disabled),\n          }}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CACE;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAW,GAAA;AAAA,KAEb,GACG,KAAA;AACH,IAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,KAC1B,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAM,MAAA,oBAAA,GAAuB,CAAC,QAAiC,KAAA;AAC7D,MAAA,kBAAA,CAAmB,YAAY,EAAE,CAAA;AACjC,MAAA,gBAAA,GAAmB,YAAY,EAAE,CAAA;AAAA,KACnC;AAEA,IAAA,uBACG,IAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,iBAAA,EAAmB,KACjC,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAU,GAAA,CAAA,SAAA,EAAA,EAAU,EAAI,EAAA,SAAA,EAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,MAC1C,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,KAAO,EAAA,eAAA;AAAA,UACP,QAAU,EAAA,oBAAA;AAAA,UACV,OAAQ,EAAA,MAAA;AAAA,UACR,MAAA,EAAQ,OAAU,GAAA,OAAA,GAAU,EAAK,GAAA,EAAA;AAAA,UACjC,KAAO,EAAA;AAAA,YACL,KAAA,EAAO,eAAgB,CAAA,KAAA,EAAO,QAAQ,CAAA;AAAA,YACtC,eAAA,EAAiB,qBAAsB,CAAA,KAAA,EAAO,QAAQ;AAAA;AACxD;AAAA,OACF;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Box, DialogContentText, Typography, Accordion, AccordionSummary, AccordionDetails, FormLabel, List, ListItem, ListItemText, ListItemSecondaryAction, IconButton, Link, TextField, Button } from '@mui/material';
+import { Box, DialogContentText, Typography, Accordion, AccordionSummary, AccordionDetails, FormLabel, List, ListItem, ListItemText, ListItemSecondaryAction, IconButton, Link, Button, TextField } from '@mui/material';
 import { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
@@ -49,6 +49,10 @@ function ConfigEncryptionDialog({
     }
     return gcpCryptoKeys[0];
   });
+  const [isAddPublicAgeKeyVisible, setIsAddPublicAgeKeyVisible] = useState(false);
+  function showAddPublicAgeKey() {
+    setIsAddPublicAgeKeyVisible(true);
+  }
   useEffect(() => {
     setValue("sopsConfig", {
       shamir_threshold: 2,
@@ -112,20 +116,31 @@ function ConfigEncryptionDialog({
       ),
       /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsxs(Box, { children: [
         publicAgeKeys.length > 0 && /* @__PURE__ */ jsx(FormLabel, { children: t("sopsConfigDialog.publicAgeKeysAlreadyPresent") }),
-        /* @__PURE__ */ jsx(List, { children: publicAgeKeys.map((key) => /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
-          /* @__PURE__ */ jsx(ListItemText, { children: key }),
-          /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              onClick: () => {
-                setPublicAgeKeys(
-                  publicAgeKeys.filter((k) => k !== key)
-                );
-              },
-              children: /* @__PURE__ */ jsx(DeleteIcon, {})
-            }
-          ) })
-        ] }, key)) }),
+        publicAgeKeys.length > 0 && /* @__PURE__ */ jsx(
+          Box,
+          {
+            sx: {
+              border: "1px solid",
+              borderColor: (theme) => theme.palette.mode === "dark" ? "white" : "grey.300",
+              borderRadius: "4px",
+              marginBottom: 2
+            },
+            children: /* @__PURE__ */ jsx(List, { children: publicAgeKeys.map((key) => /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
+              /* @__PURE__ */ jsx(ListItemText, { children: key }),
+              /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: () => {
+                    setPublicAgeKeys(
+                      publicAgeKeys.filter((k) => k !== key)
+                    );
+                  },
+                  children: /* @__PURE__ */ jsx(DeleteIcon, {})
+                }
+              ) })
+            ] }, key)) })
+          }
+        ),
         /* @__PURE__ */ jsxs(Typography, { children: [
           t("dictionary.click"),
           " ",
@@ -153,41 +168,67 @@ function ConfigEncryptionDialog({
               display: "flex",
               flexDirection: "column",
               alignItems: "space-between",
-              gap: 2
+              gap: 2,
+              marginTop: 2
             },
             children: [
-              /* @__PURE__ */ jsx(
-                TextField,
-                {
-                  label: t("sopsConfigDialog.publicAgeKey"),
-                  helperText: publicAgeKeyHelperText,
-                  error: publicAgeKeyError,
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                      handleAddPublicAgeKey();
-                    }
-                  },
-                  onFocus: () => {
-                    setPublicKeyTextFieldError(false);
-                    setPublicKeyTextFieldHelperText("");
-                  },
-                  value: newPublicAgeKey,
-                  onChange: (e) => setNewPublicAgeKey(e.target.value)
-                }
-              ),
-              /* @__PURE__ */ jsx(
+              !isAddPublicAgeKeyVisible && /* @__PURE__ */ jsx(
                 Button,
                 {
                   startIcon: /* @__PURE__ */ jsx(AddCircle, {}),
                   variant: "text",
                   color: "primary",
-                  onClick: handleAddPublicAgeKey,
+                  onClick: showAddPublicAgeKey,
                   sx: {
                     maxWidth: 200,
                     mt: 1
                   },
                   children: t("sopsConfigDialog.addPublicAgeKey")
                 }
+              ),
+              isAddPublicAgeKeyVisible && /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 1
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      TextField,
+                      {
+                        label: t("sopsConfigDialog.publicAgeKey"),
+                        helperText: publicAgeKeyHelperText,
+                        error: publicAgeKeyError,
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter") {
+                            handleAddPublicAgeKey();
+                          }
+                        },
+                        onFocus: () => {
+                          setPublicKeyTextFieldError(false);
+                          setPublicKeyTextFieldHelperText("");
+                        },
+                        value: newPublicAgeKey,
+                        onChange: (e) => setNewPublicAgeKey(e.target.value),
+                        sx: { flex: 1 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "contained",
+                        color: "primary",
+                        onClick: handleAddPublicAgeKey,
+                        sx: {
+                          maxWidth: 200
+                        },
+                        children: t("sopsConfigDialog.addPublicAgeKey")
+                      }
+                    )
+                  ]
+                }
               )
             ]
           }

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  Box,\n  Button,\n  DialogContentText,\n  FormLabel,\n  IconButton,\n  Link,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n  Typography,\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';\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  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    <Box sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n      <DialogContentText>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </DialogContentText>\n      <Typography variant=\"subtitle2\">\n        {t('sopsConfigDialog.selectKeysTitle')}\n      </Typography>\n\n      {chosenGcpCryptoKey !== undefined ? (\n        <>\n          {t('sopsConfigDialog.gcpCryptoKeyDescription')}\n          <GcpCryptoKeyMenu\n            chosenGcpCryptoKey={chosenGcpCryptoKey}\n            onChange={handleChangeGcpCryptoKey}\n            gcpCryptoKeys={\n              gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                ? gcpCryptoKeys\n                : [...gcpCryptoKeys, chosenGcpCryptoKey]\n            }\n          />\n        </>\n      ) : (\n        <Typography variant=\"body1\">\n          {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n        </Typography>\n      )}\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              <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              <Typography>\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                  underline=\"hover\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Typography>\n              <Typography>\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}\n              </Typography>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  alignItems: 'space-between',\n                  gap: 2,\n                }}\n              >\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                />\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={handleAddPublicAgeKey}\n                  sx={{\n                    maxWidth: 200,\n                    mt: 1,\n                  }}\n                >\n                  {t('sopsConfigDialog.addPublicAgeKey')}\n                </Button>\n              </Box>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Box>\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  Box,\n  Button,\n  DialogContentText,\n  FormLabel,\n  IconButton,\n  Link,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n  Typography,\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';\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    <Box sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n      <DialogContentText>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </DialogContentText>\n      <Typography variant=\"subtitle2\">\n        {t('sopsConfigDialog.selectKeysTitle')}\n      </Typography>\n\n      {chosenGcpCryptoKey !== undefined ? (\n        <>\n          {t('sopsConfigDialog.gcpCryptoKeyDescription')}\n          <GcpCryptoKeyMenu\n            chosenGcpCryptoKey={chosenGcpCryptoKey}\n            onChange={handleChangeGcpCryptoKey}\n            gcpCryptoKeys={\n              gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                ? gcpCryptoKeys\n                : [...gcpCryptoKeys, chosenGcpCryptoKey]\n            }\n          />\n        </>\n      ) : (\n        <Typography variant=\"body1\">\n          {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n        </Typography>\n      )}\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                  sx={{\n                    border: '1px solid',\n                    borderColor: theme =>\n                      theme.palette.mode === 'dark' ? 'white' : 'grey.300',\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              <Typography>\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                  underline=\"hover\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Typography>\n              <Typography>\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}\n              </Typography>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  alignItems: 'space-between',\n                  gap: 2,\n                  marginTop: 2,\n                }}\n              >\n                {!isAddPublicAgeKeyVisible && (\n                  <Button\n                    startIcon={<AddCircle />}\n                    variant=\"text\"\n                    color=\"primary\"\n                    onClick={showAddPublicAgeKey}\n                    sx={{\n                      maxWidth: 200,\n                      mt: 1,\n                    }}\n                  >\n                    {t('sopsConfigDialog.addPublicAgeKey')}\n                  </Button>\n                )}\n                {isAddPublicAgeKeyVisible && (\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: 1,\n                    }}\n                  >\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=\"contained\"\n                      color=\"primary\"\n                      onClick={handleAddPublicAgeKey}\n                      sx={{\n                        maxWidth: 200,\n                      }}\n                    >\n                      {t('sopsConfigDialog.addPublicAgeKey')}\n                    </Button>\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Box>\n  );\n}\n\nexport default ConfigEncryptionDialog;\n"],"names":[],"mappings":"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"}

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

@@ -29,14 +29,14 @@ function ConfigRiscInfo({
         ...register("content.title", { required: true }),
         error: errors?.content?.title !== void 0,
         label: t("dictionary.title"),
-        minRows: 4
+        minRows: 4,
+        helperText: errors?.content?.title && t("rosDialog.titleError")
       }
     ),
     /* @__PURE__ */ jsx(
       MarkdownInput,
       {
-        required: true,
-        ...register("content.scope", { required: true }),
+        ...register("content.scope"),
         value: currentScope,
         label: t("dictionary.scope"),
         sublabel: t("rosDialog.scopeDescription"),

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigRiscInfo.esm.js","sources":["../../../src/components/riScDialog/ConfigRiscInfo.tsx"],"sourcesContent":["import { MarkdownInput } from '../common/MarkdownInput';\nimport { Input } from '../common/Input';\nimport {\n  UseFormRegister,\n  UseFormSetValue,\n  UseFormWatch,\n} from 'react-hook-form/dist/types/form';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { CreateRiScFrom, RiScDialogStates } from './RiScDialog';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport { DialogContentText } from '@mui/material';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\n\ninterface ConfigRiscInfoProps {\n  dialogState: RiScDialogStates;\n  createRiScFrom: CreateRiScFrom;\n  handleChangeCreateRiScFrom: () => void;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  watch: UseFormWatch<RiScWithMetadata>;\n}\n\nfunction ConfigRiscInfo({\n  dialogState,\n  createRiScFrom,\n  handleChangeCreateRiScFrom,\n  register,\n  errors,\n  setValue,\n  watch,\n}: ConfigRiscInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const currentScope = watch('content.scope');\n\n  return (\n    <>\n      <Input\n        required\n        {...register('content.title', { required: true })}\n        error={errors?.content?.title !== undefined}\n        label={t('dictionary.title')}\n        minRows={4}\n      />\n      <MarkdownInput\n        required\n        {...register('content.scope', { required: true })}\n        value={currentScope}\n        label={t('dictionary.scope')}\n        sublabel={t('rosDialog.scopeDescription')}\n        error={errors?.content?.scope !== undefined}\n        minRows={8}\n        onMarkdownChange={value => setValue('content.scope', value)}\n      />\n\n      {dialogState === RiScDialogStates.Create && (\n        <div>\n          <DialogContentText>\n            {t('rosDialog.generateInitialDescription')}\n          </DialogContentText>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: 4,\n            }}\n          >\n            <Typography\n              sx={{\n                fontWeight: 'bold',\n              }}\n            >\n              {t('rosDialog.generateInitialToggleDescription')}\n            </Typography>\n            <FormControlLabel\n              control={<Switch onChange={handleChangeCreateRiScFrom} />}\n              label={\n                createRiScFrom === CreateRiScFrom.Scratch\n                  ? t('dictionary.no')\n                  : t('dictionary.yes')\n              }\n            />\n          </Box>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ConfigRiscInfo;\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,SAAS,cAAe,CAAA;AAAA,EACtB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAwB,EAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,YAAA,GAAe,MAAM,eAAe,CAAA;AAE1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,OAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAO,EAAA,YAAA;AAAA,QACP,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,QAAA,EAAU,EAAE,4BAA4B,CAAA;AAAA,QACxC,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,OAAS,EAAA,CAAA;AAAA,QACT,gBAAkB,EAAA,CAAA,KAAA,KAAS,QAAS,CAAA,eAAA,EAAiB,KAAK;AAAA;AAAA,KAC5D;AAAA,IAEC,WAAgB,KAAA,gBAAA,CAAiB,MAChC,oBAAA,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,iBAAA,EAAA,EACE,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA,CAAA;AAAA,sBACA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,UAAY,EAAA,QAAA;AAAA,YACZ,GAAK,EAAA;AAAA,WACP;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,UAAY,EAAA;AAAA,iBACd;AAAA,gBAEC,YAAE,4CAA4C;AAAA;AAAA,aACjD;AAAA,4BACA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OAAS,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAU,0BAA4B,EAAA,CAAA;AAAA,gBACvD,KAAA,EACE,mBAAmB,cAAe,CAAA,OAAA,GAC9B,EAAE,eAAe,CAAA,GACjB,EAAE,gBAAgB;AAAA;AAAA;AAE1B;AAAA;AAAA;AACF,KACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConfigRiscInfo.esm.js","sources":["../../../src/components/riScDialog/ConfigRiscInfo.tsx"],"sourcesContent":["import { MarkdownInput } from '../common/MarkdownInput';\nimport { Input } from '../common/Input';\nimport {\n  UseFormRegister,\n  UseFormSetValue,\n  UseFormWatch,\n} from 'react-hook-form/dist/types/form';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { CreateRiScFrom, RiScDialogStates } from './RiScDialog';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport { DialogContentText } from '@mui/material';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\n\ninterface ConfigRiscInfoProps {\n  dialogState: RiScDialogStates;\n  createRiScFrom: CreateRiScFrom;\n  handleChangeCreateRiScFrom: () => void;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  watch: UseFormWatch<RiScWithMetadata>;\n}\n\nfunction ConfigRiscInfo({\n  dialogState,\n  createRiScFrom,\n  handleChangeCreateRiScFrom,\n  register,\n  errors,\n  setValue,\n  watch,\n}: ConfigRiscInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const currentScope = watch('content.scope');\n\n  return (\n    <>\n      <Input\n        required\n        {...register('content.title', { required: true })}\n        error={errors?.content?.title !== undefined}\n        label={t('dictionary.title')}\n        minRows={4}\n        helperText={errors?.content?.title && t('rosDialog.titleError')}\n      />\n      <MarkdownInput\n        {...register('content.scope')}\n        value={currentScope}\n        label={t('dictionary.scope')}\n        sublabel={t('rosDialog.scopeDescription')}\n        error={errors?.content?.scope !== undefined}\n        minRows={8}\n        onMarkdownChange={value => setValue('content.scope', value)}\n      />\n\n      {dialogState === RiScDialogStates.Create && (\n        <div>\n          <DialogContentText>\n            {t('rosDialog.generateInitialDescription')}\n          </DialogContentText>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: 4,\n            }}\n          >\n            <Typography\n              sx={{\n                fontWeight: 'bold',\n              }}\n            >\n              {t('rosDialog.generateInitialToggleDescription')}\n            </Typography>\n            <FormControlLabel\n              control={<Switch onChange={handleChangeCreateRiScFrom} />}\n              label={\n                createRiScFrom === CreateRiScFrom.Scratch\n                  ? t('dictionary.no')\n                  : t('dictionary.yes')\n              }\n            />\n          </Box>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ConfigRiscInfo;\n"],"names":[],"mappings":";;;;;;;;;;;;AA4BA,SAAS,cAAe,CAAA;AAAA,EACtB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAwB,EAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAM,MAAA,YAAA,GAAe,MAAM,eAAe,CAAA;AAE1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,QAChD,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,OAAS,EAAA,CAAA;AAAA,QACT,UAAY,EAAA,MAAA,EAAQ,OAAS,EAAA,KAAA,IAAS,EAAE,sBAAsB;AAAA;AAAA,KAChE;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAS,eAAe,CAAA;AAAA,QAC5B,KAAO,EAAA,YAAA;AAAA,QACP,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,QAC3B,QAAA,EAAU,EAAE,4BAA4B,CAAA;AAAA,QACxC,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,QAClC,OAAS,EAAA,CAAA;AAAA,QACT,gBAAkB,EAAA,CAAA,KAAA,KAAS,QAAS,CAAA,eAAA,EAAiB,KAAK;AAAA;AAAA,KAC5D;AAAA,IAEC,WAAgB,KAAA,gBAAA,CAAiB,MAChC,oBAAA,IAAA,CAAC,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,iBAAA,EAAA,EACE,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA,CAAA;AAAA,sBACA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,UAAY,EAAA,QAAA;AAAA,YACZ,GAAK,EAAA;AAAA,WACP;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAI,EAAA;AAAA,kBACF,UAAY,EAAA;AAAA,iBACd;AAAA,gBAEC,YAAE,4CAA4C;AAAA;AAAA,aACjD;AAAA,4BACA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OAAS,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,QAAA,EAAU,0BAA4B,EAAA,CAAA;AAAA,gBACvD,KAAA,EACE,mBAAmB,cAAe,CAAA,OAAA,GAC9B,EAAE,eAAe,CAAA,GACjB,EAAE,gBAAgB;AAAA;AAAA;AAE1B;AAAA;AAAA;AACF,KACF,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -65,6 +65,7 @@ const RiScMigrationDialog = ({
       ) })
     ] }),
     /* @__PURE__ */ jsxs(DialogActions, { sx: dialogActions, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -73,8 +74,7 @@ const RiScMigrationDialog = ({
           disabled: !saveMigration,
           children: t("dictionary.confirm")
         }
-      ),
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") })
+      )
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationVersions } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { URLS } from '../../urls';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href={URLS.external.github_com__kartverket_changelog}\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAA4D,KAAA;AAC1D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAiB,gBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAGvC,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,uBAAuB,CAAE,EAAA,CAAA;AAAA,yBACxC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,MAAO,EAAA,EAC9B,+BAAC,UACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,6BAA6B,CAAA;AAAA,QAC/B,iBAAmB,EAAA,SAAA;AAAA,QAAU,GAAA;AAAA,QAAE,EAAE,8BAA8B,CAAA;AAAA,QAAG,GAAA;AAAA,QAClE,iBAAmB,EAAA,WAAA;AAAA,QACnB,EAAE,8BAA8B,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,QAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YACP,IAAA,EAAM,KAAK,QAAS,CAAA,gCAAA;AAAA,YAEnB,YAAE,2BAA2B;AAAA;AAAA,SAChC;AAAA,QAAQ,GAAA;AAAA,QACP,EAAE,8BAA8B;AAAA,OAAA,EACnC,CACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,aAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAE5C,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,OAAS,EAAA,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA,OACzB;AAAA,sBACA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MigrationDialog.esm.js","sources":["../../../src/components/riScInfo/MigrationDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Box from '@mui/material/Box';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { MigrationVersions } from '../../utils/types';\nimport { dialogActions } from '../common/mixins';\nimport { URLS } from '../../urls';\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nexport const RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setSaveMigration(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href={URLS.external.github_com__kartverket_changelog}\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAA4D,KAAA;AAC1D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEjE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAiB,gBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAGvC,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,uBAAuB,CAAE,EAAA,CAAA;AAAA,yBACxC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,MAAO,EAAA,EAC9B,+BAAC,UACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,6BAA6B,CAAA;AAAA,QAC/B,iBAAmB,EAAA,SAAA;AAAA,QAAU,GAAA;AAAA,QAAE,EAAE,8BAA8B,CAAA;AAAA,QAAG,GAAA;AAAA,QAClE,iBAAmB,EAAA,WAAA;AAAA,QACnB,EAAE,8BAA8B,CAAA;AAAA,wBACjC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,QAAA;AAAA,YACV,MAAO,EAAA,QAAA;AAAA,YACP,IAAA,EAAM,KAAK,QAAS,CAAA,gCAAA;AAAA,YAEnB,YAAE,2BAA2B;AAAA;AAAA,SAChC;AAAA,QAAQ,GAAA;AAAA,QACP,EAAE,8BAA8B;AAAA,OAAA,EACnC,CACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,aAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,+BAA+B;AAAA;AAAA,OAE5C,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,OAAS,EAAA,YAAA;AAAA,UACT,UAAU,CAAC,aAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -44,6 +44,7 @@ const RiScPublishDialog = ({
       ) })
     ] }) }),
     /* @__PURE__ */ jsxs(DialogActions, { sx: dialogActions, children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -53,8 +54,7 @@ const RiScPublishDialog = ({
           disabled: !riskOwnerApproves,
           children: t("dictionary.confirm")
         }
-      ),
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleCancel, children: t("dictionary.cancel") })
+      )
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <>\n          <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={t('publishDialog.checkboxLabel')}\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0D,KAAA;AACxD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAqB,oBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAG3C,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,qBAAqB,CAAE,EAAA,CAAA;AAAA,oBACvC,GAAA,CAAC,iBACC,QACE,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBAAqB,oBAA4C,EAAA,CAAA;AAAA,sBACjE,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAS,EAAA,iBAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,6BAA6B;AAAA;AAAA,OAE1C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA,OACzB;AAAA,sBACA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PublishDialog.esm.js","sources":["../../../src/components/riScInfo/PublishDialog.tsx"],"sourcesContent":["import { ReactComponentElement, useState } from 'react';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { DifferenceFetchState } from '../../utils/types';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDifferenceDialog } from './riScStatus/RiScDifferenceDialog';\nimport { dialogActions } from '../common/mixins';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nexport const RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  function handleCheckboxInput(event: React.ChangeEvent<HTMLInputElement>) {\n    setRiskOwnerApproves(event.target.checked);\n  }\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <>\n          <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={t('publishDialog.checkboxLabel')}\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAA0D,KAAA;AACxD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEzE,EAAA,SAAS,oBAAoB,KAA4C,EAAA;AACvE,IAAqB,oBAAA,CAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;AAG3C,EACE,uBAAA,IAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,UACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,qBAAqB,CAAE,EAAA,CAAA;AAAA,oBACvC,GAAA,CAAC,iBACC,QACE,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,wBAAqB,oBAA4C,EAAA,CAAA;AAAA,sBACjE,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAO,MAAM,KAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OACE,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAS,EAAA,iBAAA;AAAA,cACT,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,UAEF,KAAA,EAAO,EAAE,6BAA6B;AAAA;AAAA,OAE1C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,aAAc,EAAA,EAAA,EAAA,EAAI,aACjB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAQ,UAAW,EAAA,KAAA,EAAM,WAAU,OAAS,EAAA,YAAA,EACjD,QAAE,EAAA,CAAA,CAAA,mBAAmB,CACxB,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,aAAA;AAAA,UACT,UAAU,CAAC,iBAAA;AAAA,UAEV,YAAE,oBAAoB;AAAA;AAAA;AACzB,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}