npm - @kartverket/backstage-plugin-risk-scorecard - Versions diffs - 3.6.0 → 3.8.0 - Mend

@kartverket/backstage-plugin-risk-scorecard 3.6.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/PluginRoot.esm.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { riScRouteRef, scenarioRouteRef } from './routes.esm.js';
 import { RiScProvider } from './contexts/RiScContext.esm.js';
 import '@backstage/ui/css/styles.css';
 import 'remixicon/fonts/remixicon.css';
+import { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.esm.js';
 const emotionInsertionPoint = document.createElement("meta");
 emotionInsertionPoint.setAttribute("name", "emotion-insertion-point");
@@ -17,7 +18,7 @@ const cache = createCache({
   insertionPoint: emotionInsertionPoint
 });
 function ProvidedPlugin() {
-  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(RiScProvider, { children: /* @__PURE__ */ jsx(ScenarioProvider, { children: /* @__PURE__ */ jsx(RiScPlugin, {}) }) }) });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(RiScProvider, { children: /* @__PURE__ */ jsx(DefaultRiScTypesProvider, { children: /* @__PURE__ */ jsx(ScenarioProvider, { children: /* @__PURE__ */ jsx(RiScPlugin, {}) }) }) }) });
 }
 function PluginRoot() {
   return /* @__PURE__ */ jsxs(Routes, { children: [

package/dist/PluginRoot.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport '@backstage/ui/css/styles.css';\nimport 'remixicon/fonts/remixicon.css';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n key: 'css',\n insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n return (\n <CacheProvider value={cache}>\n <RiScProvider>\n <~~ScenarioProvider~~>\n <RiScPlugin />\n </ScenarioProvider>\n </RiScProvider>\n </CacheProvider>\n );\n}\n\nexport function PluginRoot() {\n return (\n <Routes>\n <Route path=\"/\" element={<ProvidedPlugin />} />\n <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n </Routes>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;AAUA~~,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,SAAS,cAAiB,GAAA;AACxB,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,KAAA,EACpB,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,~~YAAA~~,EAAA,~~EACC~~,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,~~gBAAA~~,~~EAAA,EACC,~~QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAM,EAAA,gBAAA,CAAiB,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA;AAAA,GACnE,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport '@backstage/ui/css/styles.css';\nimport 'remixicon/fonts/remixicon.css';\nimport { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.tsx';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n key: 'css',\n insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n return (\n <CacheProvider value={cache}>\n <RiScProvider>\n <DefaultRiScTypesProvider>\n <ScenarioProvider>\n <RiScPlugin />\n </ScenarioProvider>\n </DefaultRiScTypesProvider>\n </RiScProvider>\n </CacheProvider>\n );\n}\n\nexport function PluginRoot() {\n return (\n <Routes>\n <Route path=\"/\" element={<ProvidedPlugin />} />\n <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n </Routes>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAWA,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,SAAS,cAAiB,GAAA;AACxB,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,KAAA,EACpB,8BAAC,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,wBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,oBACC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAM,EAAA,gBAAA,CAAiB,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA;AAAA,GACnE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/common/DualButtonWithMenu.esm.js ADDED Viewed

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import { DualButton } from './DualButton.esm.js';
+function DualButtonWithMenu({
+  propsLeft,
+  propsRight,
+  propsCommon,
+  menuItems,
+  menuProps,
+  openMenuOnLeftClick,
+  ...props
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const handleLeftClick = useCallback(
+    (event) => {
+      event.stopPropagation();
+      propsLeft?.onClick?.(event);
+      const shouldOpen = openMenuOnLeftClick !== void 0 ? openMenuOnLeftClick : Boolean(menuItems && menuItems.length > 0);
+      if (!shouldOpen) return;
+      if (open) {
+        setAnchorEl(null);
+      } else {
+        setAnchorEl(event.currentTarget);
+      }
+    },
+    [propsLeft, openMenuOnLeftClick, menuItems, open]
+  );
+  const handleRightClick = useCallback(
+    (event) => {
+      event.stopPropagation();
+      propsRight?.onClick?.(event);
+    },
+    [propsRight]
+  );
+  const handleMenuClose = useCallback(() => {
+    setAnchorEl(null);
+  }, []);
+  const wrappedLeft = {
+    ...propsLeft || {},
+    onClick: handleLeftClick
+  };
+  const wrappedRight = {
+    ...propsRight || {},
+    onClick: handleRightClick
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      role: "presentation",
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      onKeyDown: (e) => {
+        e.stopPropagation();
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          DualButton,
+          {
+            propsLeft: wrappedLeft,
+            propsRight: wrappedRight,
+            propsCommon
+          }
+        ),
+        menuItems && /* @__PURE__ */ jsx(
+          Menu,
+          {
+            anchorEl,
+            open,
+            onClose: handleMenuClose,
+            ...menuProps,
+            children: menuItems.map((item) => /* @__PURE__ */ jsx(
+              MenuItem,
+              {
+                selected: item.selected,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  try {
+                    item.onClick();
+                  } finally {
+                    handleMenuClose();
+                  }
+                },
+                children: item.label
+              },
+              item.key
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+export { DualButtonWithMenu, DualButtonWithMenu as default };
+//# sourceMappingURL=DualButtonWithMenu.esm.js.map

package/dist/components/common/DualButtonWithMenu.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DualButtonWithMenu.esm.js","sources":["../../../src/components/common/DualButtonWithMenu.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport Menu, { MenuProps } from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport { ButtonProps } from '@mui/material';\nimport { DualButton } from './DualButton';\n\ntype MenuItemDef = {\n key: string;\n label: React.ReactNode;\n onClick: () => void;\n selected?: boolean;\n};\n\ntype DualButtonWithMenuProps = {\n propsLeft?: ButtonProps;\n propsRight?: ButtonProps;\n propsCommon?: ButtonProps;\n menuItems?: MenuItemDef[];\n menuProps?: Partial<MenuProps>;\n openMenuOnLeftClick?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport function DualButtonWithMenu({\n propsLeft,\n propsRight,\n propsCommon,\n menuItems,\n menuProps,\n openMenuOnLeftClick,\n ...props\n}: DualButtonWithMenuProps) {\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n const open = Boolean(anchorEl);\n\n const handleLeftClick = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.stopPropagation();\n propsLeft?.onClick?.(event as any);\n const shouldOpen =\n openMenuOnLeftClick !== undefined\n ? openMenuOnLeftClick\n : Boolean(menuItems && menuItems.length > 0);\n if (!shouldOpen) return;\n\n if (open) {\n setAnchorEl(null);\n } else {\n setAnchorEl(event.currentTarget);\n }\n },\n [propsLeft, openMenuOnLeftClick, menuItems, open],\n );\n\n const handleRightClick = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.stopPropagation();\n propsRight?.onClick?.(event as any);\n },\n [propsRight],\n );\n\n const handleMenuClose = useCallback(() => {\n setAnchorEl(null);\n }, []);\n\n const wrappedLeft = {\n ...(propsLeft || {}),\n onClick: handleLeftClick,\n } as ButtonProps;\n const wrappedRight = {\n ...(propsRight || {}),\n onClick: handleRightClick,\n } as ButtonProps;\n\n return (\n <div\n {...props}\n role=\"presentation\"\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n >\n <DualButton\n propsLeft={wrappedLeft}\n propsRight={wrappedRight}\n propsCommon={propsCommon}\n />\n\n {menuItems && (\n <Menu\n anchorEl={anchorEl}\n open={open}\n onClose={handleMenuClose}\n {...menuProps}\n >\n {menuItems.map(item => (\n <MenuItem\n key={item.key}\n selected={item.selected}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n try {\n item.onClick();\n } finally {\n handleMenuClose();\n }\n }}\n >\n {item.label}\n </MenuItem>\n ))}\n </Menu>\n )}\n </div>\n );\n}\n\nexport default DualButtonWithMenu;\n"],"names":[],"mappings":"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"}

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

@@ -1,24 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import Typography from '@mui/material/Typography';
+import { jsxs, jsx } from 'react/jsx-runtime';
 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';
+import { Text } from '@backstage/ui';
-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 })
-    }
-  );
+function Markdown({ description }) {
+  return /* @__PURE__ */ jsxs(Text, { variant: "body-large", className: "markdown-body", children: [
+    " ",
+    /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description })
+  ] });
 }
 export { Markdown };

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

	@@ -1 +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 ~~{ 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;;;;"}
1	+ {"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import ReactMarkdown from 'react-markdown';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\nimport { Text } from '@backstage/ui';\n\ntype Props = {\n description: string;\n};\n\nexport function Markdown({ description }: Props) {\n return (\n <Text variant=\"body-large\" className=\"markdown-body\">\n {' '}\n <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n {description}\n </ReactMarkdown>\n </Text>\n );\n}\n"],"names":[],"mappings":";;;;;;AASgB,SAAA,QAAA,CAAS,EAAE,WAAA,EAAsB,EAAA;AAC/C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,YAAA,EAAa,WAAU,eAClC,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA;AAAA,wBACA,aAAc,EAAA,EAAA,aAAA,EAAe,CAAC,YAAY,GACxC,QACH,EAAA,WAAA,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -33,7 +33,7 @@ const MarkdownInput = forwardRef(
     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(
+      /* @__PURE__ */ jsx("div", { "data-color-mode": theme.palette.mode, children: /* @__PURE__ */ jsx(
         MDEditor,
         {
           ref,
@@ -46,7 +46,7 @@ const MarkdownInput = forwardRef(
             backgroundColor: commonBackgroundColor(theme, disabled)
           }
         }
-      ),
+      ) }),
       helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
     ] });
   }

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

	@@ -1 +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';\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;;;;"}
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';\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 <div data-color-mode={theme.palette.mode}>\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 </div>\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,sBAE/C,GAAA,CAAA,KAAA,EAAA,EAAI,iBAAiB,EAAA,KAAA,CAAM,QAAQ,IAClC,EAAA,QAAA,kBAAA,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,OAEJ,EAAA,CAAA;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/components/common/typography.esm.js CHANGED Viewed

@@ -1,19 +1,3 @@
-const heading1 = {
-  fontSize: "2rem",
-  fontWeight: 700
-};
-const heading2 = {
-  fontSize: "1.75rem",
-  fontWeight: 500
-};
-const heading3 = {
-  fontSize: "1.25rem",
-  fontWeight: 500
-};
-const body1 = {
-  fontSize: "1rem",
-  fontWeight: 500
-};
 const body2 = {
   fontSize: "1rem",
   fontWeight: 400,
@@ -25,11 +9,6 @@ const label = {
   textTransform: "uppercase",
   paddingBottom: "0.4rem"
 };
-const label2 = {
-  fontSize: "0.875rem",
-  fontWeight: 700,
-  textTransform: "uppercase"
-};
 const formLabel = {
   fontSize: "0.875rem",
   fontWeight: 700,
@@ -42,18 +21,6 @@ const formHelperText = {
   color: "inherit",
   margin: 0
 };
-const emptyState = {
-  fontSize: "1rem",
-  fontStyle: "italic"
-};
-const subtitle1 = {
-  fontSize: "1rem",
-  fontWeight: 700
-};
-const subtitle2 = {
-  fontSize: "1rem",
-  fontWeight: 400
-};
-export { body1, body2, emptyState, formHelperText, formLabel, heading1, heading2, heading3, label, label2, subtitle1, subtitle2 };
+export { body2, formHelperText, formLabel, label };
 //# sourceMappingURL=typography.esm.js.map

package/dist/components/common/typography.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.esm.js","sources":["../../../src/components/common/typography.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const heading1: SxProps<Theme> = {\n fontSize: '2rem',\n fontWeight: 700,\n};\n\nexport const heading2: SxProps<Theme> = {\n fontSize: '1.75rem',\n fontWeight: 500,\n};\n\nexport const heading3: SxProps<Theme> = {\n fontSize: '1.25rem',\n fontWeight: 500,\n};\n\nexport const body1: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 500,\n};\n\nexport const body2: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 400,\n whiteSpace: 'pre-line',\n};\n\nexport const label: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n paddingBottom: '0.4rem',\n};\n\nexport const label2: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n};\n\nexport const formLabel: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n color: 'inherit',\n};\n\nexport const formHelperText: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 400,\n color: 'inherit',\n margin: 0,\n};\n\nexport const emptyState: SxProps<Theme> = {\n fontSize: '1rem',\n fontStyle: 'italic',\n};\n\nexport const subtitle1: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 700,\n};\n\nexport const subtitle2: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 400,\n};\n~~\nexport const headerSubtitle: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 500,\n paddingBottom: '1rem',\n marginTop: '-0.2rem',\n};\n~~"],"names":[],"mappings":"~~AAEO~~,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA;AACd;AAEO,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,SAAA;AAAA,EACV,UAAY,EAAA;AACd;AAEO,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,SAAA;AAAA,EACV,UAAY,EAAA;AACd;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA~~;AACd;AAEO~~,~~MAAM,KAAwB,~~GAAA;AAAA,~~EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,~~EACZ,UAAY,EAAA;AACd;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,aAAe,EAAA;AACjB;~~AAEO~~,MAAM,~~MAAyB,GAAA;AAAA,EACpC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA;AACjB;AAEO,MAAM,~~SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,KAAO,EAAA;AACT;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA;AACV;AAEO,MAAM,UAA6B,GAAA;AAAA,EACxC,QAAU,EAAA,MAAA;AAAA,EACV,SAAW,EAAA;AACb;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA;AACd;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA;AACd;;;;"}
1	+ {"version":3,"file":"typography.esm.js","sources":["../../../src/components/common/typography.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const heading1: SxProps<Theme> = {\n fontSize: '2rem',\n fontWeight: 700,\n};\n\nexport const heading2: SxProps<Theme> = {\n fontSize: '1.75rem',\n fontWeight: 500,\n};\n\nexport const heading3: SxProps<Theme> = {\n fontSize: '1.25rem',\n fontWeight: 500,\n};\n\nexport const body1: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 500,\n};\n\nexport const body2: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 400,\n whiteSpace: 'pre-line',\n};\n\nexport const label: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n paddingBottom: '0.4rem',\n};\n\nexport const label2: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n};\n\nexport const formLabel: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 700,\n textTransform: 'uppercase',\n color: 'inherit',\n};\n\nexport const formHelperText: SxProps<Theme> = {\n fontSize: '0.875rem',\n fontWeight: 400,\n color: 'inherit',\n margin: 0,\n};\n\nexport const emptyState: SxProps<Theme> = {\n fontSize: '1rem',\n fontStyle: 'italic',\n};\n\nexport const subtitle1: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 700,\n};\n\nexport const subtitle2: SxProps<Theme> = {\n fontSize: '1rem',\n fontWeight: 400,\n};\n"],"names":[],"mappings":"AAsBO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,UAAY,EAAA;AACd;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,aAAe,EAAA;AACjB;AAQO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,KAAO,EAAA;AACT;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA;AACV;;;;"}

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

@@ -143,7 +143,7 @@ function ConfigEncryptionDialog({
             ] }, key)) })
           }
         ),
-        /* @__PURE__ */ jsxs(Text, { variant: "body-large", children: [
+        /* @__PURE__ */ jsxs(Text, { as: "p", variant: "body-large", children: [
           t("dictionary.click"),
           " ",
           /* @__PURE__ */ jsx(
@@ -171,12 +171,11 @@ function ConfigEncryptionDialog({
             {
               iconStart: /* @__PURE__ */ jsx(AddCircle, {}),
               type: "button",
-              variant: "tertiary",
+              variant: "secondary",
               onClick: showAddPublicAgeKey,
               style: {
-                maxWidth: 150,
-                marginTop: "1rem",
-                color: "#1f5493"
+                width: "fit-content",
+                marginTop: "1rem"
               },
               children: t("sopsConfigDialog.addPublicAgeKey")
             }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n DialogContentText,\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 { Divider } from '@mui/material';\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\" gap=\"16px\">\n <Divider />\n <Text as=\"h2\" variant=\"title-small\" weight=\"bold\">\n {t('rosDialog.stepEncryption')}\n </Text>\n <DialogContentText>\n {state === RiScDialogStates.Create\n ? t('sopsConfigDialog.description.new')\n : t('sopsConfigDialog.description.edit')}\n </DialogContentText>\n <Text variant=\"body-medium\" weight=\"bold\">\n {t('sopsConfigDialog.selectKeysTitle')}\n </Text>\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 <Text variant=\"body-medium\">\n {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n </Text>\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 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 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=\"tertiary\"\n onClick={showAddPublicAgeKey}\n style={{\n maxWidth: 150,\n marginTop: '1rem',\n color: '#1f5493',\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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"}
1	+ {"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n DialogContentText,\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 { Divider } from '@mui/material';\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\" gap=\"16px\">\n <Divider />\n <Text as=\"h2\" variant=\"title-small\" weight=\"bold\">\n {t('rosDialog.stepEncryption')}\n </Text>\n <DialogContentText>\n {state === RiScDialogStates.Create\n ? t('sopsConfigDialog.description.new')\n : t('sopsConfigDialog.description.edit')}\n </DialogContentText>\n <Text variant=\"body-medium\" weight=\"bold\">\n {t('sopsConfigDialog.selectKeysTitle')}\n </Text>\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 <Text variant=\"body-medium\">\n {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n </Text>\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 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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"}