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

package/dist/PluginRoot.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Routes, Route } from 'react-router-dom';
 import { CacheProvider } from '@emotion/react';
 import createCache from '@emotion/cache';
@@ -14,8 +14,16 @@ const cache = createCache({
   key: "css",
   insertionPoint: emotionInsertionPoint
 });
-const ProvidedPlugin = () => /* @__PURE__ */ React__default.createElement(CacheProvider, { value: cache }, /* @__PURE__ */ React__default.createElement(RiScProvider, null, /* @__PURE__ */ React__default.createElement(ScenarioProvider, null, /* @__PURE__ */ React__default.createElement(RiScPlugin, null))));
-const PluginRoot = () => /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(ProvidedPlugin, null) }), /* @__PURE__ */ React__default.createElement(Route, { path: riScRouteRef.path, element: /* @__PURE__ */ React__default.createElement(ProvidedPlugin, null) }), /* @__PURE__ */ React__default.createElement(Route, { path: scenarioRouteRef.path, element: /* @__PURE__ */ React__default.createElement(ProvidedPlugin, null) }));
+function ProvidedPlugin() {
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(RiScProvider, { children: /* @__PURE__ */ jsx(ScenarioProvider, { children: /* @__PURE__ */ jsx(RiScPlugin, {}) }) }) });
+}
+function PluginRoot() {
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(ProvidedPlugin, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: riScRouteRef.path, element: /* @__PURE__ */ jsx(ProvidedPlugin, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: scenarioRouteRef.path, element: /* @__PURE__ */ jsx(ProvidedPlugin, {}) })
+  ] });
+}
 
 export { PluginRoot };
 //# sourceMappingURL=PluginRoot.esm.js.map

package/dist/PluginRoot.esm.js.map

@@ -1 +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":["React"],"mappings":";;;;;;;;;AASA,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,MAAM,cAAiB,GAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,KACpB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,IAAA,CACd,CACF,CACF,CAAA;AAGK,MAAM,UAAa,GAAA,sBACvBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,+CACE,KAAM,EAAA,EAAA,IAAA,EAAK,GAAI,EAAA,OAAA,kBAAUA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,CAAI,EAAA,CAAA,+CAC5C,KAAM,EAAA,EAAA,IAAA,EAAM,YAAa,CAAA,IAAA,EAAM,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,IAAA,CAAA,EAAI,mBAC5DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAM,EAAA,gBAAA,CAAiB,IAAM,EAAA,OAAA,kBAAUA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,GAAI,CACnE;;;;"}
+{"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';\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":";;;;;;;;;AAQA,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;;;;"}

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

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

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

@@ -1 +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":["React"],"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;AAAA;AAEpD,CAAE,CAAA,CAAA;AAEI,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,kBAAmB,EAAA;AAEpC,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,OAAA,EAAS,GAAG,KAAA,EAAA,kBAC1BA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,EAAM,YAAW,EAAA,MAAA,EAAO,CAC/C,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EditButton.esm.js","sources":["../../../src/components/common/EditButton.tsx"],"sourcesContent":["import {\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\nfunction 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":";;;;AAQA,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;AAAA;AAEpD,CAAE,CAAA,CAAA;AAEF,SAAS,WAAW,KAAwB,EAAA;AAC1C,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,kBAAmB,EAAA;AAEpC,EAAA,uBACG,GAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,OAAA,EAAS,GAAG,KAAA,EAC3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,EAAM,YAAW,EAAA,MAAA,EAAO,CAC/C,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,41 +1,44 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 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__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { formLabel, formHelperText } from './typography.esm.js';
 
 const Input = forwardRef(
   ({ label, sublabel, error, helperText, required, ...props }, ref) => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsxs(
       FormControl,
       {
         sx: { width: "100%", gap: "4px" },
         error,
-        required
-      },
-      label && /* @__PURE__ */ React__default.createElement(FormLabel, { required, sx: formLabel }, label),
-      sublabel && /* @__PURE__ */ React__default.createElement(FormHelperText, { sx: formHelperText }, sublabel),
-      /* @__PURE__ */ React__default.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__default.createElement(FormHelperText, null, helperText)
+        required,
+        children: [
+          label && /* @__PURE__ */ jsx(FormLabel, { required, sx: formLabel, children: label }),
+          sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              id: "filled-multiline-static",
+              error,
+              multiline: true,
+              fullWidth: true,
+              variant: "outlined",
+              inputRef: ref,
+              InputProps: {
+                sx: (theme) => ({
+                  "&.Mui-disabled": {
+                    color: theme.palette.mode === "dark" ? "#FFFFFF80" : "#757575"
+                  }
+                })
+              },
+              ...props
+            }
+          ),
+          helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+        ]
+      }
     );
   }
 );

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

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

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

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import Typography from '@mui/material/Typography';
+import ReactMarkdown from 'react-markdown';
+import 'github-markdown-css/github-markdown.css';
+import remarkBreaks from 'remark-breaks';
+
+function Markdown({ description }) {
+  return /* @__PURE__ */ jsx(Typography, { className: "markdown-body", children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description }) });
+}
+
+export { Markdown };
+//# sourceMappingURL=Markdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport ReactMarkdown from 'react-markdown';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\n\ntype Props = {\n  description: string;\n};\n\nexport function Markdown({ description }: Props) {\n  return (\n    <Typography className=\"markdown-body\">\n      <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n        {description}\n      </ReactMarkdown>\n    </Typography>\n  );\n}\n"],"names":[],"mappings":";;;;;;AASgB,SAAA,QAAA,CAAS,EAAE,WAAA,EAAsB,EAAA;AAC/C,EACE,uBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,eACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,aAAA,EAAe,CAAC,YAAY,CACxC,EAAA,QAAA,EAAA,WAAA,EACH,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useEffect } from 'react';
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import MDEditor from '@uiw/react-md-editor';
+import { formLabel, formHelperText } from './typography.esm.js';
+
+const MarkdownInput = forwardRef(
+  ({ label, sublabel, error, helperText, minRows, value, onMarkdownChange }, ref) => {
+    const [markdownContent, setMarkdownContent] = useState(
+      value
+    );
+    useEffect(() => {
+      setMarkdownContent(value);
+    }, [value]);
+    const handleMarkdownChange = (newValue) => {
+      setMarkdownContent(newValue || "");
+      onMarkdownChange?.(newValue || "");
+    };
+    return /* @__PURE__ */ jsxs(FormControl, { sx: { width: "100%", gap: "4px" }, error, children: [
+      label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, children: label }),
+      sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
+      /* @__PURE__ */ jsx(
+        MDEditor,
+        {
+          ref,
+          value: markdownContent,
+          onChange: handleMarkdownChange,
+          preview: "edit",
+          height: minRows ? minRows * 24 : 64
+        }
+      ),
+      helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+    ] });
+  }
+);
+
+export { MarkdownInput };
+//# sourceMappingURL=MarkdownInput.esm.js.map

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

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

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

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

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

@@ -1 +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":["React"],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import {\n  Control,\n  FieldValues,\n  Path,\n  useController,\n  type UseControllerReturn,\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 function 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  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\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  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\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/Spinner.esm.js

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

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

@@ -1 +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":["React"],"mappings":";;;;AAIO,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EACxB,qBAAAA,cAAA,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;AAAA;AACd,GAAA;AAAA,kBAEAA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,SAAW,EAAA;AAAA;AACb;AAAA;AAEJ;;;;"}
+{"version":3,"file":"Spinner.esm.js","sources":["../../../src/components/common/Spinner.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nexport function Spinner({ size }: { size?: string | number }) {\n  return (\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}\n"],"names":[],"mappings":";;;;AAGgB,SAAA,OAAA,CAAQ,EAAE,IAAA,EAAoC,EAAA;AAC5D,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,OAAA;AAAA,QACV,MAAQ,EAAA,OAAA;AAAA,QACR,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,SAAW,EAAA;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}