@kartverket/backstage-plugin-risk-scorecard 2.0.2 → 2.1.0

package/README.md

@@ -11,7 +11,8 @@ proxy:
   endpoints:
     '/risc-proxy':
       target: http://localhost:8080
-      allowedHeaders: ['Authorization', 'GCP-Access-Token', 'GitHub-Access-Token']
+      allowedHeaders:
+        ['Authorization', 'GCP-Access-Token', 'GitHub-Access-Token']
 ```
 
 The backend uses Backstage-issued tokens to validate the user, and GCP access tokens to federate access to the GCP KMS.

package/dist/PluginRoot.esm.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { CacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { RiScPlugin } from './components/riScPlugin/RiScPlugin.esm.js';
+import { ScenarioProvider } from './contexts/ScenarioContext.esm.js';
+import { riScRouteRef, scenarioRouteRef } from './routes.esm.js';
+import { RiScProvider } from './contexts/RiScContext.esm.js';
+
+const emotionInsertionPoint = document.createElement("meta");
+emotionInsertionPoint.setAttribute("name", "emotion-insertion-point");
+document.querySelector("head")?.appendChild(emotionInsertionPoint);
+const cache = createCache({
+  key: "css",
+  insertionPoint: emotionInsertionPoint
+});
+const ProvidedPlugin = () => /* @__PURE__ */ React.createElement(CacheProvider, { value: cache }, /* @__PURE__ */ React.createElement(RiScProvider, null, /* @__PURE__ */ React.createElement(ScenarioProvider, null, /* @__PURE__ */ React.createElement(RiScPlugin, null))));
+const PluginRoot = () => /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(ProvidedPlugin, null) }), /* @__PURE__ */ React.createElement(Route, { path: riScRouteRef.path, element: /* @__PURE__ */ React.createElement(ProvidedPlugin, null) }), /* @__PURE__ */ React.createElement(Route, { path: scenarioRouteRef.path, element: /* @__PURE__ */ React.createElement(ProvidedPlugin, null) }));
+
+export { PluginRoot };
+//# sourceMappingURL=PluginRoot.esm.js.map

package/dist/PluginRoot.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { 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';\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\nconst ProvidedPlugin = () => (\n  <CacheProvider value={cache}>\n    <RiScProvider>\n      <ScenarioProvider>\n        <RiScPlugin />\n      </ScenarioProvider>\n    </RiScProvider>\n  </CacheProvider>\n);\n\nexport const PluginRoot = () => (\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"],"names":[],"mappings":";;;;;;;;;AASA,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA,qBAAA;AAClB,CAAC,CAAA,CAAA;AAED,MAAM,cAAiB,GAAA,sBACpB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,KACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,IAAA,CACd,CACF,CACF,CAAA,CAAA;AAGK,MAAM,UAAa,GAAA,sBACvB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,sCACE,KAAM,EAAA,EAAA,IAAA,EAAK,GAAI,EAAA,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,CAAI,EAAA,CAAA,sCAC5C,KAAM,EAAA,EAAA,IAAA,EAAM,YAAa,CAAA,IAAA,EAAM,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,IAAA,CAAA,EAAI,mBAC5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAM,EAAA,gBAAA,CAAiB,IAAM,EAAA,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,GAAI,CACnE;;;;"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { makeStyles, IconButton } from '@material-ui/core';
+import EditIcon from '@mui/icons-material/Edit';
+
+const useEditButtonStyle = makeStyles((theme) => ({
+  icon: {
+    color: theme.palette.type === "dark" ? "#fff" : "rgba(0, 0, 0, 0.54)"
+  }
+}));
+const EditButton = (props) => {
+  const { icon } = useEditButtonStyle();
+  return /* @__PURE__ */ React.createElement(IconButton, { size: "small", ...props }, /* @__PURE__ */ React.createElement(EditIcon, { className: icon, "aria-label": "Edit" }));
+};
+
+export { EditButton as default };
+//# sourceMappingURL=EditButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditButton.esm.js","sources":["../../../src/components/common/EditButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IconButton,\n  IconButtonProps,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport EditIcon from '@mui/icons-material/Edit';\n\nconst useEditButtonStyle = makeStyles((theme: Theme) => ({\n  icon: {\n    color: theme.palette.type === 'dark' ? '#fff' : 'rgba(0, 0, 0, 0.54)',\n  },\n}));\n\nconst EditButton = (props: IconButtonProps) => {\n  const { icon } = useEditButtonStyle();\n\n  return (\n    <IconButton size=\"small\" {...props}>\n      <EditIcon className={icon} aria-label=\"Edit\" />\n    </IconButton>\n  );\n};\n\nexport default EditButton;\n"],"names":[],"mappings":";;;;AASA,MAAM,kBAAA,GAAqB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EACvD,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,MAAS,GAAA,qBAAA;AAAA,GAClD;AACF,CAAE,CAAA,CAAA,CAAA;AAEI,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,kBAAmB,EAAA,CAAA;AAEpC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,OAAA,EAAS,GAAG,KAAA,EAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,EAAM,YAAW,EAAA,MAAA,EAAO,CAC/C,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,33 @@
+import SvgIcon from '@mui/material/SvgIcon';
+import React from 'react';
+
+const GitBranchIcon = () => {
+  return /* @__PURE__ */ React.createElement(
+    SvgIcon,
+    {
+      version: "1.0",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "512.000000pt",
+      height: "512.000000pt",
+      viewBox: "0 0 512.000000 512.000000",
+      preserveAspectRatio: "xMidYMid meet"
+    },
+    /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(0.000000,512.000000) scale(0.100000,-0.100000)",
+        fill: "#000000",
+        stroke: "none"
+      },
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M1240 4470 c-155 -30 -274 -93 -386 -204 -90 -90 -143 -175 -182\n-294 -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182\n-294 89 -89 179 -145 282 -177 l64 -19 0 -498 0 -498 -64 -19 c-103 -32 -193\n-88 -282 -177 -90 -90 -143 -175 -182 -294 -22 -67 -26 -94 -26 -212 0 -118 4\n-145 26 -212 39 -119 92 -204 182 -294 90 -90 176 -143 294 -182 67 -21 95\n-25 212 -25 118 0 144 3 212 25 119 39 204 92 294 182 90 90 143 175 182 294\n22 67 26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -88 88\n-184 148 -288 179 l-60 19 5 53 c11 105 82 204 182 254 l50 24 825 5 c763 5\n829 7 880 24 172 57 315 177 389 326 42 87 71 192 71 266 l0 41 60 18 c102 31\n198 91 286 179 90 90 143 175 182 294 22 67 26 94 26 212 0 118 -4 145 -26\n212 -39 119 -92 204 -182 294 -90 90 -175 143 -294 182 -68 22 -94 25 -212 25\n-117 0 -145 -4 -212 -25 -118 -39 -204 -92 -294 -182 -90 -90 -143 -175 -182\n-294 -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182\n-294 89 -89 179 -145 283 -177 l66 -20 -6 -54 c-11 -105 -82 -204 -182 -254\nl-50 -24 -825 -5 c-895 -6 -859 -4 -972 -61 -21 -10 -40 -19 -43 -19 -3 0 -5\n94 -5 208 l0 209 60 18 c102 31 198 91 286 179 90 90 143 175 182 294 22 67\n26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -138 137 -286\n202 -476 209 -58 2 -125 0 -150 -5z m284 -348 c91 -42 149 -100 194 -190 35\n-72 37 -81 37 -172 0 -91 -2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61\n-29 -76 -32 -162 -32 -86 0 -101 3 -162 32 -93 44 -151 100 -196 191 -35 72\n-37 81 -37 171 0 87 3 102 32 163 40 85 97 147 172 186 78 42 122 52 213 48\n61 -3 92 -11 142 -34z m2400 0 c91 -42 149 -100 194 -190 35 -72 37 -81 37\n-172 0 -91 -2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61 -29 -76 -32\n-162 -32 -86 0 -101 3 -162 32 -93 44 -151 100 -196 191 -35 72 -37 81 -37\n171 0 87 3 102 32 163 40 85 97 147 172 186 78 42 122 52 213 48 61 -3 92 -11\n142 -34z m-2400 -2400 c91 -42 149 -100 194 -190 35 -72 37 -81 37 -172 0 -91\n-2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61 -29 -76 -32 -162 -32 -86 0\n-101 3 -162 32 -93 44 -151 100 -196 191 -35 72 -37 81 -37 171 0 87 3 102 32\n163 40 85 97 147 172 186 78 42 122 52 213 48 61 -3 92 -11 142 -34z"
+        }
+      )
+    )
+  );
+};
+
+export { GitBranchIcon };
+//# sourceMappingURL=GitBranchIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitBranchIcon.esm.js","sources":["../../../src/components/common/GitBranchIcon.tsx"],"sourcesContent":["import SvgIcon from '@mui/material/SvgIcon';\nimport React from 'react';\n\nexport const GitBranchIcon = () => {\n  return (\n    <SvgIcon\n      version=\"1.0\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"512.000000pt\"\n      height=\"512.000000pt\"\n      viewBox=\"0 0 512.000000 512.000000\"\n      preserveAspectRatio=\"xMidYMid meet\"\n    >\n      <g\n        transform=\"translate(0.000000,512.000000) scale(0.100000,-0.100000)\"\n        fill=\"#000000\"\n        stroke=\"none\"\n      >\n        <path\n          d=\"M1240 4470 c-155 -30 -274 -93 -386 -204 -90 -90 -143 -175 -182\n-294 -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182\n-294 89 -89 179 -145 282 -177 l64 -19 0 -498 0 -498 -64 -19 c-103 -32 -193\n-88 -282 -177 -90 -90 -143 -175 -182 -294 -22 -67 -26 -94 -26 -212 0 -118 4\n-145 26 -212 39 -119 92 -204 182 -294 90 -90 176 -143 294 -182 67 -21 95\n-25 212 -25 118 0 144 3 212 25 119 39 204 92 294 182 90 90 143 175 182 294\n22 67 26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -88 88\n-184 148 -288 179 l-60 19 5 53 c11 105 82 204 182 254 l50 24 825 5 c763 5\n829 7 880 24 172 57 315 177 389 326 42 87 71 192 71 266 l0 41 60 18 c102 31\n198 91 286 179 90 90 143 175 182 294 22 67 26 94 26 212 0 118 -4 145 -26\n212 -39 119 -92 204 -182 294 -90 90 -175 143 -294 182 -68 22 -94 25 -212 25\n-117 0 -145 -4 -212 -25 -118 -39 -204 -92 -294 -182 -90 -90 -143 -175 -182\n-294 -22 -67 -26 -94 -26 -212 0 -118 4 -145 26 -212 39 -119 92 -204 182\n-294 89 -89 179 -145 283 -177 l66 -20 -6 -54 c-11 -105 -82 -204 -182 -254\nl-50 -24 -825 -5 c-895 -6 -859 -4 -972 -61 -21 -10 -40 -19 -43 -19 -3 0 -5\n94 -5 208 l0 209 60 18 c102 31 198 91 286 179 90 90 143 175 182 294 22 67\n26 94 26 212 0 118 -4 145 -26 212 -39 119 -92 204 -182 294 -138 137 -286\n202 -476 209 -58 2 -125 0 -150 -5z m284 -348 c91 -42 149 -100 194 -190 35\n-72 37 -81 37 -172 0 -91 -2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61\n-29 -76 -32 -162 -32 -86 0 -101 3 -162 32 -93 44 -151 100 -196 191 -35 72\n-37 81 -37 171 0 87 3 102 32 163 40 85 97 147 172 186 78 42 122 52 213 48\n61 -3 92 -11 142 -34z m2400 0 c91 -42 149 -100 194 -190 35 -72 37 -81 37\n-172 0 -91 -2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61 -29 -76 -32\n-162 -32 -86 0 -101 3 -162 32 -93 44 -151 100 -196 191 -35 72 -37 81 -37\n171 0 87 3 102 32 163 40 85 97 147 172 186 78 42 122 52 213 48 61 -3 92 -11\n142 -34z m-2400 -2400 c91 -42 149 -100 194 -190 35 -72 37 -81 37 -172 0 -91\n-2 -100 -37 -172 -45 -91 -103 -147 -196 -191 -61 -29 -76 -32 -162 -32 -86 0\n-101 3 -162 32 -93 44 -151 100 -196 191 -35 72 -37 81 -37 171 0 87 3 102 32\n163 40 85 97 147 172 186 78 42 122 52 213 48 61 -3 92 -11 142 -34z\"\n        />\n      </g>\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAgB,MAAM;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,KAAA;AAAA,MACR,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,cAAA;AAAA,MACN,MAAO,EAAA,cAAA;AAAA,MACP,OAAQ,EAAA,2BAAA;AAAA,MACR,mBAAoB,EAAA,eAAA;AAAA,KAAA;AAAA,oBAEpB,KAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0DAAA;AAAA,QACV,IAAK,EAAA,SAAA;AAAA,QACL,MAAO,EAAA,MAAA;AAAA,OAAA;AAAA,sBAEP,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAE,EAAA,knEAAA;AAAA,SAAA;AAAA,OA6BJ;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,39 @@
+import SvgIcon from '@mui/material/SvgIcon';
+import React from 'react';
+
+const GitPullRequestIcon = () => {
+  return /* @__PURE__ */ React.createElement(
+    SvgIcon,
+    {
+      version: "1.0",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "512.000000pt",
+      height: "512.000000pt",
+      viewBox: "0 0 512.000000 512.000000",
+      preserveAspectRatio: "xMidYMid meet"
+    },
+    /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(0.000000,512.000000) scale(0.100000,-0.100000)",
+        fill: "#000000",
+        stroke: "none"
+      },
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M2735 5104 c-45 -24 -693 -673 -716 -716 -23 -44 -24 -86 -5 -131 8\n-18 168 -185 362 -379 374 -371 373 -371 455 -354 95 19 154 130 115 219 -8\n18 -100 117 -205 222 -105 104 -191 193 -191 198 0 4 262 6 583 5 655 -4 631\n-1 749 -81 73 -49 145 -139 179 -224 22 -54 24 -75 27 -293 2 -129 1 -667 -3\n-1196 l-7 -961 -51 -13 c-113 -29 -244 -116 -334 -222 -242 -285 -225 -705 39\n-969 76 -76 183 -142 284 -175 80 -26 102 -29 224 -29 122 0 144 3 224 29 392\n129 597 565 443 946 -80 197 -257 364 -444 416 l-66 19 7 655 c3 360 7 896 8\n1190 1 520 0 537 -21 615 -70 258 -250 461 -487 551 -138 52 -171 54 -782 54\nl-566 0 191 193 c106 105 196 205 202 220 28 73 4 152 -61 200 -36 27 -114 32\n-153 11z m1565 -3995 c152 -24 275 -131 320 -276 24 -78 25 -138 5 -217 -30\n-113 -114 -213 -223 -264 -50 -24 -69 -27 -162 -27 -93 0 -112 3 -162 27 -67\n31 -147 103 -183 163 -31 53 -55 144 -55 206 0 100 57 222 138 296 42 37 137\n82 194 92 29 5 55 9 58 10 3 0 34 -4 70 -10z"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M810 5033 c-142 -18 -286 -79 -390 -165 -217 -180 -311 -488 -229\n-753 37 -123 85 -202 184 -301 78 -79 103 -98 185 -137 52 -25 110 -48 128\n-52 l32 -7 0 -1098 0 -1099 -32 -9 c-391 -112 -615 -524 -493 -908 35 -112 88\n-197 180 -289 93 -93 160 -135 282 -178 82 -29 98 -31 223 -31 125 0 141 2\n223 31 122 43 189 85 282 178 92 93 136 161 176 278 127 368 -83 787 -453 908\nl-68 22 0 1097 0 1097 68 22 c111 37 190 87 282 180 93 94 142 175 179 296\n116 376 -121 797 -502 895 -77 19 -200 31 -257 23z m130 -324 c152 -24 275\n-131 320 -276 24 -78 25 -138 5 -217 -30 -113 -114 -213 -223 -264 -50 -24\n-69 -27 -162 -27 -93 0 -112 3 -162 27 -67 31 -147 103 -183 163 -31 53 -55\n144 -55 206 0 100 57 222 138 296 42 37 137 82 194 92 29 5 55 9 58 10 3 0 34\n-4 70 -10z m-1 -3599 c152 -25 276 -132 321 -277 24 -78 25 -138 5 -217 -30\n-113 -114 -213 -223 -264 -50 -24 -69 -27 -162 -27 -93 0 -112 3 -162 27 -67\n31 -147 103 -183 163 -31 53 -55 144 -55 206 0 100 57 222 138 296 42 37 137\n82 194 92 29 5 55 9 58 10 3 0 34 -4 69 -9z"
+        }
+      )
+    )
+  );
+};
+
+export { GitPullRequestIcon };
+//# sourceMappingURL=GitPullRequestIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GitPullRequestIcon.esm.js","sources":["../../../src/components/common/GitPullRequestIcon.tsx"],"sourcesContent":["import SvgIcon from '@mui/material/SvgIcon';\nimport React from 'react';\n\nexport const GitPullRequestIcon = () => {\n  return (\n    <SvgIcon\n      version=\"1.0\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"512.000000pt\"\n      height=\"512.000000pt\"\n      viewBox=\"0 0 512.000000 512.000000\"\n      preserveAspectRatio=\"xMidYMid meet\"\n    >\n      <g\n        transform=\"translate(0.000000,512.000000) scale(0.100000,-0.100000)\"\n        fill=\"#000000\"\n        stroke=\"none\"\n      >\n        <path\n          d=\"M2735 5104 c-45 -24 -693 -673 -716 -716 -23 -44 -24 -86 -5 -131 8\n-18 168 -185 362 -379 374 -371 373 -371 455 -354 95 19 154 130 115 219 -8\n18 -100 117 -205 222 -105 104 -191 193 -191 198 0 4 262 6 583 5 655 -4 631\n-1 749 -81 73 -49 145 -139 179 -224 22 -54 24 -75 27 -293 2 -129 1 -667 -3\n-1196 l-7 -961 -51 -13 c-113 -29 -244 -116 -334 -222 -242 -285 -225 -705 39\n-969 76 -76 183 -142 284 -175 80 -26 102 -29 224 -29 122 0 144 3 224 29 392\n129 597 565 443 946 -80 197 -257 364 -444 416 l-66 19 7 655 c3 360 7 896 8\n1190 1 520 0 537 -21 615 -70 258 -250 461 -487 551 -138 52 -171 54 -782 54\nl-566 0 191 193 c106 105 196 205 202 220 28 73 4 152 -61 200 -36 27 -114 32\n-153 11z m1565 -3995 c152 -24 275 -131 320 -276 24 -78 25 -138 5 -217 -30\n-113 -114 -213 -223 -264 -50 -24 -69 -27 -162 -27 -93 0 -112 3 -162 27 -67\n31 -147 103 -183 163 -31 53 -55 144 -55 206 0 100 57 222 138 296 42 37 137\n82 194 92 29 5 55 9 58 10 3 0 34 -4 70 -10z\"\n        />\n        <path\n          d=\"M810 5033 c-142 -18 -286 -79 -390 -165 -217 -180 -311 -488 -229\n-753 37 -123 85 -202 184 -301 78 -79 103 -98 185 -137 52 -25 110 -48 128\n-52 l32 -7 0 -1098 0 -1099 -32 -9 c-391 -112 -615 -524 -493 -908 35 -112 88\n-197 180 -289 93 -93 160 -135 282 -178 82 -29 98 -31 223 -31 125 0 141 2\n223 31 122 43 189 85 282 178 92 93 136 161 176 278 127 368 -83 787 -453 908\nl-68 22 0 1097 0 1097 68 22 c111 37 190 87 282 180 93 94 142 175 179 296\n116 376 -121 797 -502 895 -77 19 -200 31 -257 23z m130 -324 c152 -24 275\n-131 320 -276 24 -78 25 -138 5 -217 -30 -113 -114 -213 -223 -264 -50 -24\n-69 -27 -162 -27 -93 0 -112 3 -162 27 -67 31 -147 103 -183 163 -31 53 -55\n144 -55 206 0 100 57 222 138 296 42 37 137 82 194 92 29 5 55 9 58 10 3 0 34\n-4 70 -10z m-1 -3599 c152 -25 276 -132 321 -277 24 -78 25 -138 5 -217 -30\n-113 -114 -213 -223 -264 -50 -24 -69 -27 -162 -27 -93 0 -112 3 -162 27 -67\n31 -147 103 -183 163 -31 53 -55 144 -55 206 0 100 57 222 138 296 42 37 137\n82 194 92 29 5 55 9 58 10 3 0 34 -4 69 -9z\"\n        />\n      </g>\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,qBAAqB,MAAM;AACtC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,KAAA;AAAA,MACR,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,cAAA;AAAA,MACN,MAAO,EAAA,cAAA;AAAA,MACP,OAAQ,EAAA,2BAAA;AAAA,MACR,mBAAoB,EAAA,eAAA;AAAA,KAAA;AAAA,oBAEpB,KAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0DAAA;AAAA,QACV,IAAK,EAAA,SAAA;AAAA,QACL,MAAO,EAAA,MAAA;AAAA,OAAA;AAAA,sBAEP,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAE,EAAA,q7BAAA;AAAA,SAAA;AAAA,OAaJ;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAE,EAAA,o/BAAA;AAAA,SAAA;AAAA,OAcJ;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import SvgIcon from '@mui/material/SvgIcon';
+
+const PullRequestSvg = () => /* @__PURE__ */ React.createElement(
+  SvgIcon,
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    sx: {
+      width: "24px",
+      height: "16px",
+      fill: "none",
+      transform: "translateY(2px)",
+      color: (theme) => theme.palette.mode === "dark" ? "white" : "rgba(0, 0, 0, 0.87)"
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M9.55625 0.065625C9.825 0.184375 10 0.453125 10 0.75V2.25H10.5C12.5719 2.25 14.25 3.92812 14.25 6V11.1156C15.2656 11.4344 16 12.3813 16 13.5C16 14.8813 14.8813 16 13.5 16C12.1187 16 11 14.8813 11 13.5C11 12.3813 11.7344 11.4344 12.75 11.1156V6C12.75 4.75625 11.7437 3.75 10.5 3.75H10V5.25C10 5.54688 9.825 5.81562 9.55625 5.93437C9.2875 6.05312 8.96875 6.00625 8.75 5.80625L6.25 3.55625C6.09062 3.4125 6.00313 3.2125 6.00313 3C6.00313 2.7875 6.09375 2.58437 6.25 2.44375L8.75 0.19375C8.96875 -0.00312501 9.2875 -0.053125 9.55625 0.065625ZM3.5 2.5C3.5 2.23478 3.39464 1.98043 3.20711 1.79289C3.01957 1.60536 2.76522 1.5 2.5 1.5C2.23478 1.5 1.98043 1.60536 1.79289 1.79289C1.60536 1.98043 1.5 2.23478 1.5 2.5C1.5 2.76522 1.60536 3.01957 1.79289 3.20711C1.98043 3.39464 2.23478 3.5 2.5 3.5C2.76522 3.5 3.01957 3.39464 3.20711 3.20711C3.39464 3.01957 3.5 2.76522 3.5 2.5ZM3.25 4.88438V11.1156C4.26562 11.4344 5 12.3813 5 13.5C5 14.8813 3.88125 16 2.5 16C1.11875 16 0 14.8813 0 13.5C0 12.3813 0.734375 11.4344 1.75 11.1156V4.88438C0.734375 4.56563 0 3.61875 0 2.5C0 1.11875 1.11875 0 2.5 0C3.88125 0 5 1.11875 5 2.5C5 3.61875 4.26562 4.56563 3.25 4.88438ZM3.5 13.5C3.5 13.2348 3.39464 12.9804 3.20711 12.7929C3.01957 12.6054 2.76522 12.5 2.5 12.5C2.23478 12.5 1.98043 12.6054 1.79289 12.7929C1.60536 12.9804 1.5 13.2348 1.5 13.5C1.5 13.7652 1.60536 14.0196 1.79289 14.2071C1.98043 14.3946 2.23478 14.5 2.5 14.5C2.76522 14.5 3.01957 14.3946 3.20711 14.2071C3.39464 14.0196 3.5 13.7652 3.5 13.5ZM13.5 14.5C13.7652 14.5 14.0196 14.3946 14.2071 14.2071C14.3946 14.0196 14.5 13.7652 14.5 13.5C14.5 13.2348 14.3946 12.9804 14.2071 12.7929C14.0196 12.6054 13.7652 12.5 13.5 12.5C13.2348 12.5 12.9804 12.6054 12.7929 12.7929C12.6054 12.9804 12.5 13.2348 12.5 13.5C12.5 13.7652 12.6054 14.0196 12.7929 14.2071C12.9804 14.3946 13.2348 14.5 13.5 14.5Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { PullRequestSvg };
+//# sourceMappingURL=Icons.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.esm.js","sources":["../../../src/components/common/Icons.tsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const PullRequestSvg = () => (\n  <SvgIcon\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    sx={{\n      width: '24px',\n      height: '16px',\n      fill: 'none',\n      transform: 'translateY(2px)',\n      color: theme =>\n        theme.palette.mode === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)',\n    }}\n  >\n    <path\n      d=\"M9.55625 0.065625C9.825 0.184375 10 0.453125 10 0.75V2.25H10.5C12.5719 2.25 14.25 3.92812 14.25 6V11.1156C15.2656 11.4344 16 12.3813 16 13.5C16 14.8813 14.8813 16 13.5 16C12.1187 16 11 14.8813 11 13.5C11 12.3813 11.7344 11.4344 12.75 11.1156V6C12.75 4.75625 11.7437 3.75 10.5 3.75H10V5.25C10 5.54688 9.825 5.81562 9.55625 5.93437C9.2875 6.05312 8.96875 6.00625 8.75 5.80625L6.25 3.55625C6.09062 3.4125 6.00313 3.2125 6.00313 3C6.00313 2.7875 6.09375 2.58437 6.25 2.44375L8.75 0.19375C8.96875 -0.00312501 9.2875 -0.053125 9.55625 0.065625ZM3.5 2.5C3.5 2.23478 3.39464 1.98043 3.20711 1.79289C3.01957 1.60536 2.76522 1.5 2.5 1.5C2.23478 1.5 1.98043 1.60536 1.79289 1.79289C1.60536 1.98043 1.5 2.23478 1.5 2.5C1.5 2.76522 1.60536 3.01957 1.79289 3.20711C1.98043 3.39464 2.23478 3.5 2.5 3.5C2.76522 3.5 3.01957 3.39464 3.20711 3.20711C3.39464 3.01957 3.5 2.76522 3.5 2.5ZM3.25 4.88438V11.1156C4.26562 11.4344 5 12.3813 5 13.5C5 14.8813 3.88125 16 2.5 16C1.11875 16 0 14.8813 0 13.5C0 12.3813 0.734375 11.4344 1.75 11.1156V4.88438C0.734375 4.56563 0 3.61875 0 2.5C0 1.11875 1.11875 0 2.5 0C3.88125 0 5 1.11875 5 2.5C5 3.61875 4.26562 4.56563 3.25 4.88438ZM3.5 13.5C3.5 13.2348 3.39464 12.9804 3.20711 12.7929C3.01957 12.6054 2.76522 12.5 2.5 12.5C2.23478 12.5 1.98043 12.6054 1.79289 12.7929C1.60536 12.9804 1.5 13.2348 1.5 13.5C1.5 13.7652 1.60536 14.0196 1.79289 14.2071C1.98043 14.3946 2.23478 14.5 2.5 14.5C2.76522 14.5 3.01957 14.3946 3.20711 14.2071C3.39464 14.0196 3.5 13.7652 3.5 13.5ZM13.5 14.5C13.7652 14.5 14.0196 14.3946 14.2071 14.2071C14.3946 14.0196 14.5 13.7652 14.5 13.5C14.5 13.2348 14.3946 12.9804 14.2071 12.7929C14.0196 12.6054 13.7652 12.5 13.5 12.5C13.2348 12.5 12.9804 12.6054 12.7929 12.7929C12.6054 12.9804 12.5 13.2348 12.5 13.5C12.5 13.7652 12.6054 14.0196 12.7929 14.2071C12.9804 14.3946 13.2348 14.5 13.5 14.5Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,sBAC5B,KAAA,CAAA,aAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,KAAM,EAAA,4BAAA;AAAA,IACN,OAAQ,EAAA,WAAA;AAAA,IACR,EAAI,EAAA;AAAA,MACF,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,MAAA;AAAA,MACR,IAAM,EAAA,MAAA;AAAA,MACN,SAAW,EAAA,iBAAA;AAAA,MACX,OAAO,CACL,KAAA,KAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,OAAU,GAAA,qBAAA;AAAA,KAC9C;AAAA,GAAA;AAAA,kBAEA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,CAAE,EAAA,6yDAAA;AAAA,MACF,IAAK,EAAA,cAAA;AAAA,KAAA;AAAA,GACP;AACF;;;;"}

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

@@ -0,0 +1,44 @@
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import TextField from '@mui/material/TextField';
+import React, { forwardRef } from 'react';
+import { formLabel, formHelperText } from './typography.esm.js';
+
+const Input = forwardRef(
+  ({ label, sublabel, error, helperText, required, ...props }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      FormControl,
+      {
+        sx: { width: "100%", gap: "4px" },
+        error,
+        required
+      },
+      label && /* @__PURE__ */ React.createElement(FormLabel, { required, sx: formLabel }, label),
+      sublabel && /* @__PURE__ */ React.createElement(FormHelperText, { sx: formHelperText }, sublabel),
+      /* @__PURE__ */ React.createElement(
+        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__ */ React.createElement(FormHelperText, null, helperText)
+    );
+  }
+);
+
+export { Input };
+//# sourceMappingURL=Input.esm.js.map

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

@@ -0,0 +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 React, { 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,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,KAAK,KAAM,EAAA;AAAA,QAChC,KAAA;AAAA,QACA,QAAA;AAAA,OAAA;AAAA,MAEC,yBACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,QAAoB,EAAA,EAAA,EAAI,aAChC,KACH,CAAA;AAAA,MAED,QACC,oBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,kBAAiB,QAAS,CAAA;AAAA,sBAEhD,KAAA,CAAA,aAAA;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,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,WAAc,GAAA,SAAA;AAAA,eACvD;AAAA,aACF,CAAA;AAAA,WACF;AAAA,UACC,GAAG,KAAA;AAAA,SAAA;AAAA,OACN;AAAA,MACC,UAAA,oBAAe,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,EAAgB,UAAW,CAAA;AAAA,KAC7C,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -0,0 +1,85 @@
+import React from 'react';
+import { useController } from 'react-hook-form';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import Box from '@mui/material/Box';
+import Chip from '@mui/material/Chip';
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import MUISelect from '@mui/material/Select';
+import Checkbox from '@mui/material/Checkbox';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemText from '@mui/material/ListItemText';
+import { formLabel, formHelperText } from './typography.esm.js';
+
+const Select = ({
+  label,
+  sublabel,
+  error,
+  helperText,
+  required,
+  control,
+  name,
+  multiple,
+  labelTranslationKey,
+  options,
+  ...props
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const { field } = useController({
+    name,
+    control,
+    rules: { required }
+  });
+  const renderValue = (values) => multiple ? /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexWrap: "wrap",
+        marginBottom: 0,
+        paddingBottom: 0
+      }
+    },
+    values.map((value) => /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        key: value,
+        label: (
+          /* @ts-ignore Because ts can't typecheck strings against our keys */
+          labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value
+        )
+      }
+    ))
+  ) : options.find((option) => option.value === values)?.renderedValue;
+  const handleChecked = (fieldValue, optionValue) => {
+    if (Array.isArray(fieldValue)) return fieldValue.includes(optionValue);
+    return fieldValue === optionValue;
+  };
+  return /* @__PURE__ */ React.createElement(FormControl, { sx: { width: "100%", gap: "4px" } }, label && /* @__PURE__ */ React.createElement(FormLabel, { sx: formLabel, required }, label), sublabel && /* @__PURE__ */ React.createElement(FormHelperText, { sx: formHelperText }, sublabel), /* @__PURE__ */ React.createElement(
+    MUISelect,
+    {
+      MenuProps: {
+        disablePortal: true
+      },
+      variant: "outlined",
+      renderValue,
+      multiple,
+      SelectDisplayProps: multiple ? {
+        style: {
+          paddingBottom: 8,
+          paddingTop: 16,
+          minHeight: 40
+        }
+      } : {},
+      inputRef: field.ref,
+      ...field,
+      ...props
+    },
+    options.map((option) => /* @__PURE__ */ React.createElement(MenuItem, { key: option.value, value: option.value }, multiple && /* @__PURE__ */ React.createElement(Checkbox, { checked: handleChecked(field.value, option.value) }), /* @__PURE__ */ React.createElement(ListItemText, { primary: option.renderedValue })))
+  ), error && /* @__PURE__ */ React.createElement(FormHelperText, { error: true }, helperText));
+};
+
+export { Select };
+//# sourceMappingURL=Select.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  PathValue,\n  useController,\n} from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Box from '@mui/material/Box';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport Checkbox from '@mui/material/Checkbox';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: { value: string | number; renderedValue: string | number }[];\n};\n\nexport const Select = <T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  ...props\n}: Props<T>) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { field } = useController({\n    name,\n    control,\n    rules: { required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  const renderValue = (values: any) =>\n    multiple ? (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    ) : (\n      options.find(option => option.value === values)?.renderedValue\n    );\n\n  const handleChecked = (\n    fieldValue: PathValue<T, (string | undefined) & Path<T>>,\n    optionValue: Props<T>['options'][0]['value'],\n  ) => {\n    if (Array.isArray(fieldValue)) return fieldValue.includes(optionValue);\n    return fieldValue === optionValue;\n  };\n\n  return (\n    <FormControl sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import Button from '@mui/material/Button';
+import Badge from '@mui/material/Badge';
+import Settings from '@material-ui/icons/Settings';
+
+const SopsConfigButton = ({
+  handleClick,
+  disable,
+  pullRequestCount,
+  hasOpenedOnce
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ React.createElement(
+    Badge,
+    {
+      color: "error",
+      badgeContent: pullRequestCount,
+      invisible: hasOpenedOnce
+    },
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        disabled: disable,
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        },
+        onClick: handleClick
+      },
+      /* @__PURE__ */ React.createElement(Settings, null),
+      `${t("sopsConfigDialog.title")}`
+    )
+  );
+};
+
+export { SopsConfigButton };
+//# sourceMappingURL=SopsConfigButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SopsConfigButton.esm.js","sources":["../../../src/components/common/SopsConfigButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Button from '@mui/material/Button';\nimport Badge from '@mui/material/Badge';\nimport Settings from '@material-ui/icons/Settings';\n\ninterface SopsConfigButtonProps {\n  handleClick: () => void;\n  disable: boolean;\n  pullRequestCount: number;\n  hasOpenedOnce: boolean;\n}\n\nexport const SopsConfigButton = ({\n  handleClick,\n  disable,\n  pullRequestCount,\n  hasOpenedOnce,\n}: SopsConfigButtonProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Badge\n      color=\"error\"\n      badgeContent={pullRequestCount}\n      invisible={hasOpenedOnce}\n    >\n      <Button\n        disabled={disable}\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: 1,\n        }}\n        onClick={handleClick}\n      >\n        <Settings />\n        {`${t('sopsConfigDialog.title')}`}\n      </Button>\n    </Badge>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,WAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AACF,CAA6B,KAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA,CAAA;AAExD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,OAAA;AAAA,MACN,YAAc,EAAA,gBAAA;AAAA,MACd,SAAW,EAAA,aAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,OAAA;AAAA,QACV,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,UAAY,EAAA,QAAA;AAAA,UACZ,GAAK,EAAA,CAAA;AAAA,SACP;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,OAAA;AAAA,0CAER,QAAS,EAAA,IAAA,CAAA;AAAA,MACT,CAAA,EAAG,CAAE,CAAA,wBAAwB,CAAC,CAAA,CAAA;AAAA,KACjC;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+
+const Spinner = ({ size }) => /* @__PURE__ */ React.createElement(
+  Box,
+  {
+    sx: {
+      display: "flex",
+      minWidth: "100wh",
+      height: "100vh",
+      justifyContent: "center",
+      alignItems: "flex-start"
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    CircularProgress,
+    {
+      size,
+      sx: {
+        display: "flex",
+        marginTop: "200px"
+      }
+    }
+  )
+);
+
+export { Spinner };
+//# sourceMappingURL=Spinner.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.esm.js","sources":["../../../src/components/common/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nexport const Spinner = ({ size }: { size?: string | number }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      minWidth: '100wh',\n      height: '100vh',\n      justifyContent: 'center',\n      alignItems: 'flex-start',\n    }}\n  >\n    <CircularProgress\n      size={size}\n      sx={{\n        display: 'flex',\n        marginTop: '200px',\n      }}\n    />\n  </Box>\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EACxB,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,GAAA;AAAA,EAAA;AAAA,IACC,EAAI,EAAA;AAAA,MACF,OAAS,EAAA,MAAA;AAAA,MACT,QAAU,EAAA,OAAA;AAAA,MACV,MAAQ,EAAA,OAAA;AAAA,MACR,cAAgB,EAAA,QAAA;AAAA,MAChB,UAAY,EAAA,YAAA;AAAA,KACd;AAAA,GAAA;AAAA,kBAEA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,SAAW,EAAA,OAAA;AAAA,OACb;AAAA,KAAA;AAAA,GACF;AACF;;;;"}

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

@@ -0,0 +1,9 @@
+const dialogActions = {
+  gap: 1,
+  paddingTop: 0,
+  paddingX: 3,
+  paddingBottom: 2
+};
+
+export { dialogActions };
+//# sourceMappingURL=mixins.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.esm.js","sources":["../../../src/components/common/mixins.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const dialogActions: SxProps<Theme> = {\n  gap: 1,\n  paddingTop: 0,\n  paddingX: 3,\n  paddingBottom: 2,\n};\n"],"names":[],"mappings":"AAEO,MAAM,aAAgC,GAAA;AAAA,EAC3C,GAAK,EAAA,CAAA;AAAA,EACL,UAAY,EAAA,CAAA;AAAA,EACZ,QAAU,EAAA,CAAA;AAAA,EACV,aAAe,EAAA,CAAA;AACjB;;;;"}

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

@@ -0,0 +1,59 @@
+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,
+  whiteSpace: "pre-line"
+};
+const label = {
+  fontSize: "0.875rem",
+  fontWeight: 700,
+  textTransform: "uppercase",
+  paddingBottom: "0.4rem"
+};
+const label2 = {
+  fontSize: "0.875rem",
+  fontWeight: 700,
+  textTransform: "uppercase"
+};
+const formLabel = {
+  fontSize: "0.875rem",
+  fontWeight: 700,
+  textTransform: "uppercase",
+  color: "inherit"
+};
+const formHelperText = {
+  fontSize: "0.875rem",
+  fontWeight: 400,
+  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 };
+//# sourceMappingURL=typography.esm.js.map

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

@@ -0,0 +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,GAAA;AACd,EAAA;AAEO,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,SAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd,EAAA;AAEO,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,SAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd,EAAA;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd,EAAA;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,UAAY,EAAA,UAAA;AACd,EAAA;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,aAAe,EAAA,QAAA;AACjB,EAAA;AAEO,MAAM,MAAyB,GAAA;AAAA,EACpC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AACjB,EAAA;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,KAAO,EAAA,SAAA;AACT,EAAA;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,CAAA;AACV,EAAA;AAEO,MAAM,UAA6B,GAAA;AAAA,EACxC,QAAU,EAAA,MAAA;AAAA,EACV,SAAW,EAAA,QAAA;AACb,EAAA;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd,EAAA;AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd;;;;"}

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable.esm.js';
+import CloseIcon from '@mui/icons-material/Close';
+import { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable.esm.js';
+import { heading3 } from '../common/typography.esm.js';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import Box from '@mui/material/Box';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import IconButton from '@mui/material/IconButton';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+
+const MatrixDialog = ({
+  open,
+  close
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ React.createElement(Dialog, { maxWidth: "lg", open, onClose: close }, /* @__PURE__ */ React.createElement(DialogTitle, null, t("scenarioDrawer.riskMatrixModal.title")), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "close",
+      onClick: close,
+      sx: {
+        position: "absolute",
+        right: 8,
+        top: 8,
+        color: (theme) => theme.palette.grey[500]
+      }
+    },
+    /* @__PURE__ */ React.createElement(CloseIcon, null)
+  ), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: {
+        paddingBottom: "32px"
+      }
+    },
+    t("scenarioStepper.initialRiskStep.subtitle")
+  ), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Typography, { sx: { ...heading3, paddingBottom: "4px" } }, t("dictionary.probability"))), /* @__PURE__ */ React.createElement(ProbabilityTableInfoWithHeaders, null), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: { ...heading3, paddingTop: "16px", paddingBottom: "4px" }
+    },
+    t("dictionary.consequence")
+  )), /* @__PURE__ */ React.createElement(ConsequenceTableInfoWithHeaders, null)), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: close }, t("dictionary.close"))));
+};
+
+export { MatrixDialog };
+//# sourceMappingURL=MatrixDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixDialog.esm.js","sources":["../../../src/components/riScDialog/MatrixDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable';\nimport { heading3 } from '../common/typography';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport DialogContent from '@mui/material/DialogContent';\nimport Typography from '@mui/material/Typography';\nimport DialogActions from '@mui/material/DialogActions';\nimport Button from '@mui/material/Button';\n\nexport const MatrixDialog = ({\n  open,\n  close,\n}: {\n  open: boolean;\n  close: () => void;\n}) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <Dialog maxWidth=\"lg\" open={open} onClose={close}>\n      <DialogTitle>{t('scenarioDrawer.riskMatrixModal.title')}</DialogTitle>\n      <IconButton\n        aria-label=\"close\"\n        onClick={close}\n        sx={{\n          position: 'absolute',\n          right: 8,\n          top: 8,\n          color: theme => theme.palette.grey[500],\n        }}\n      >\n        <CloseIcon />\n      </IconButton>\n      <DialogContent>\n        <Typography\n          sx={{\n            paddingBottom: '32px',\n          }}\n        >\n          {t('scenarioStepper.initialRiskStep.subtitle')}\n        </Typography>\n        <Box>\n          <Typography sx={{ ...heading3, paddingBottom: '4px' }}>\n            {t('dictionary.probability')}\n          </Typography>\n        </Box>\n        <ProbabilityTableInfoWithHeaders />\n        <Box>\n          <Typography\n            sx={{ ...heading3, paddingTop: '16px', paddingBottom: '4px' }}\n          >\n            {t('dictionary.consequence')}\n          </Typography>\n        </Box>\n        <ConsequenceTableInfoWithHeaders />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={close}>{t('dictionary.close')}</Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,eAAe,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA,CAAA;AAExD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,QAAS,EAAA,IAAA,EAAK,IAAY,EAAA,OAAA,EAAS,KACzC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAa,EAAA,IAAA,EAAA,CAAA,CAAE,sCAAsC,CAAE,CACxD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA,KAAA;AAAA,MACT,EAAI,EAAA;AAAA,QACF,QAAU,EAAA,UAAA;AAAA,QACV,KAAO,EAAA,CAAA;AAAA,QACP,GAAK,EAAA,CAAA;AAAA,QACL,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,OACxC;AAAA,KAAA;AAAA,wCAEC,SAAU,EAAA,IAAA,CAAA;AAAA,GACb,sCACC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,aAAe,EAAA,MAAA;AAAA,OACjB;AAAA,KAAA;AAAA,IAEC,EAAE,0CAA0C,CAAA;AAAA,GAC/C,sCACC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,EAAI,EAAA,EAAE,GAAG,QAAU,EAAA,aAAA,EAAe,OAC3C,EAAA,EAAA,CAAA,CAAE,wBAAwB,CAC7B,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAgC,CACjC,kBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAE,GAAG,UAAU,UAAY,EAAA,MAAA,EAAQ,eAAe,KAAM,EAAA;AAAA,KAAA;AAAA,IAE3D,EAAE,wBAAwB,CAAA;AAAA,GAE/B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,+BAAgC,EAAA,IAAA,CACnC,mBACC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAS,KAAQ,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CACjD,CACF,CAAA,CAAA;AAEJ;;;;"}