@kartverket/backstage-plugin-risk-scorecard 1.1.0 → 1.1.1

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/Dropdown.esm.js

@@ -0,0 +1,79 @@
+import Box from '@material-ui/core/Box';
+import Checkbox from '@material-ui/core/Checkbox';
+import Chip from '@material-ui/core/Chip';
+import FormControl from '@material-ui/core/FormControl';
+import FormLabel from '@material-ui/core/FormLabel';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import MenuItem from '@material-ui/core/MenuItem';
+import Select from '@material-ui/core/Select';
+import React from 'react';
+import { FormHelperText } from '@material-ui/core';
+import { useInputFieldStyles, menuProps } from '../../utils/style.esm.js';
+
+const Dropdown = ({
+  label,
+  options,
+  selectedValues,
+  handleChange,
+  error,
+  required,
+  variant = "outlined",
+  renderSelectedValue
+}) => {
+  const { formLabel, formControl } = useInputFieldStyles();
+  const multiple = Array.isArray(selectedValues);
+  function getOptionsValue(option) {
+    return typeof option === "string" ? option : option.value;
+  }
+  function getOptionsRenderValue(option) {
+    return typeof option === "string" ? option : option.renderedValue;
+  }
+  function renderSelectedValueHandler(value) {
+    if (renderSelectedValue) {
+      return renderSelectedValue(value);
+    }
+    return value;
+  }
+  const onChange = (event) => handleChange(event.target.value);
+  const renderValue = (selected) => multiple ? /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexWrap: "wrap",
+        marginBottom: 0,
+        paddingBottom: 0
+      }
+    },
+    selected.map((value) => /* @__PURE__ */ React.createElement(Chip, { key: value, label: renderSelectedValueHandler(value) }))
+  ) : selected;
+  return /* @__PURE__ */ React.createElement(FormControl, { className: formControl }, label && /* @__PURE__ */ React.createElement(FormLabel, { className: formLabel, required }, label), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      multiple,
+      value: selectedValues,
+      onChange,
+      variant,
+      MenuProps: menuProps,
+      renderValue,
+      error: !!error,
+      SelectDisplayProps: multiple ? {
+        style: {
+          paddingBottom: 8,
+          paddingTop: 16,
+          minHeight: 40
+        }
+      } : {}
+    },
+    options.map((name) => /* @__PURE__ */ React.createElement(MenuItem, { key: getOptionsValue(name), value: getOptionsValue(name) }, multiple && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        checked: selectedValues.indexOf(getOptionsValue(name)) > -1
+      }
+    )), /* @__PURE__ */ React.createElement(ListItemText, { primary: getOptionsRenderValue(name) })))
+  ), error && /* @__PURE__ */ React.createElement(FormHelperText, { error: true }, error));
+};
+
+export { Dropdown };
+//# sourceMappingURL=Dropdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.esm.js","sources":["../../../src/components/common/Dropdown.tsx"],"sourcesContent":["import Box from '@material-ui/core/Box';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Chip from '@material-ui/core/Chip';\nimport FormControl from '@material-ui/core/FormControl';\nimport FormLabel from '@material-ui/core/FormLabel';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport React, { ChangeEvent } from 'react';\nimport { FormHelperText } from '@material-ui/core';\nimport { menuProps, useInputFieldStyles } from '../../utils/style';\n\ntype OptionsObject = {\n  value: string;\n  renderedValue: string;\n};\ninterface DropdownProps<T> {\n  options: string[] | OptionsObject[];\n  selectedValues: T;\n  handleChange: (value: T) => void;\n  error?: string | null;\n  required?: boolean;\n  label?: string;\n  variant?: 'standard' | 'outlined' | 'filled';\n  renderSelectedValue?: (selectedValue: string) => string;\n}\n\nexport const Dropdown = <T,>({\n  label,\n  options,\n  selectedValues,\n  handleChange,\n  error,\n  required,\n  variant = 'outlined',\n  renderSelectedValue,\n}: DropdownProps<T>) => {\n  const { formLabel, formControl } = useInputFieldStyles();\n\n  const multiple = Array.isArray(selectedValues);\n\n  function getOptionsValue(option: DropdownProps<T>['options'][0]): string {\n    return typeof option === 'string' ? option : option.value;\n  }\n\n  function getOptionsRenderValue(\n    option: DropdownProps<T>['options'][0],\n  ): string {\n    return typeof option === 'string' ? option : option.renderedValue;\n  }\n\n  function renderSelectedValueHandler(value: string): string {\n    if (renderSelectedValue) {\n      return renderSelectedValue(value);\n    }\n    return value;\n  }\n\n  const onChange = (event: ChangeEvent<{ value: unknown }>) =>\n    handleChange(event.target.value as T);\n\n  const renderValue = (selected: any) =>\n    multiple ? (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {selected.map((value: string) => (\n          <Chip key={value} label={renderSelectedValueHandler(value)} />\n        ))}\n      </Box>\n    ) : (\n      selected\n    );\n\n  return (\n    <FormControl className={formControl}>\n      {label && (\n        <FormLabel className={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      <Select\n        multiple={multiple}\n        value={selectedValues}\n        onChange={onChange}\n        variant={variant}\n        MenuProps={menuProps}\n        renderValue={renderValue}\n        error={!!error}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n      >\n        {options.map(name => (\n          <MenuItem key={getOptionsValue(name)} value={getOptionsValue(name)}>\n            {multiple && (\n              <ListItemIcon>\n                <Checkbox\n                  checked={selectedValues.indexOf(getOptionsValue(name)) > -1}\n                />\n              </ListItemIcon>\n            )}\n            <ListItemText primary={getOptionsRenderValue(name)} />\n          </MenuItem>\n        ))}\n      </Select>\n      {error && <FormHelperText error>{error}</FormHelperText>}\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":"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"}

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  Theme,\n  makeStyles,\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/Input.esm.js

@@ -0,0 +1,33 @@
+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, labelSubtitle } from './typography.esm.js';
+
+const Input = forwardRef(
+  ({ label, sublabel, error, helperText, required, ...props }, ref) => {
+    return /* @__PURE__ */ React.createElement(FormControl, { sx: { width: "100%" }, error, required }, label && /* @__PURE__ */ React.createElement(FormLabel, { required, sx: formLabel }, label), sublabel && /* @__PURE__ */ React.createElement(FormHelperText, { sx: labelSubtitle }, 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 { formLabel, labelSubtitle } 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 sx={{ width: '100%' }} error={error} required={required}>\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={labelSubtitle}>{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,CAAC,eAAY,EAAI,EAAA,EAAE,OAAO,MAAO,EAAA,EAAG,KAAc,EAAA,QAAA,EAAA,EAC/C,KACC,oBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,QAAoB,EAAA,EAAA,EAAI,SAChC,EAAA,EAAA,KACH,CAED,EAAA,QAAA,wCACE,cAAe,EAAA,EAAA,EAAA,EAAI,aAAgB,EAAA,EAAA,QAAS,CAE/C,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,yBAAA;AAAA,QACH,KAAA;AAAA,QACA,SAAS,EAAA,IAAA;AAAA,QACT,SAAS,EAAA,IAAA;AAAA,QACT,OAAQ,EAAA,UAAA;AAAA,QACR,QAAU,EAAA,GAAA;AAAA,QACV,UAAY,EAAA;AAAA,UACV,IAAI,CAAU,KAAA,MAAA;AAAA,YACZ,gBAAkB,EAAA;AAAA,cAChB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,WAAc,GAAA,SAAA;AAAA,aACvD;AAAA,WACF,CAAA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,OAAA;AAAA,KAEL,EAAA,UAAA,oBAAe,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,EAAgB,UAAW,CAC7C,CAAA,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, labelSubtitle } 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%" } }, label && /* @__PURE__ */ React.createElement(FormLabel, { sx: formLabel, required }, label), sublabel && /* @__PURE__ */ React.createElement(FormHelperText, { sx: labelSubtitle }, 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 { formLabel, labelSubtitle } 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%' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={labelSubtitle}>{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

@@ -0,0 +1,11 @@
+import { CircularProgress } from '@material-ui/core';
+import React from 'react';
+import { useSpinnerStyles } from '../../utils/style.esm.js';
+
+const Spinner = ({ size }) => {
+  const { container, spinner } = useSpinnerStyles();
+  return /* @__PURE__ */ React.createElement("div", { className: container }, /* @__PURE__ */ React.createElement(CircularProgress, { className: spinner, size }));
+};
+
+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 { CircularProgress } from '@material-ui/core';\nimport React from 'react';\nimport { useSpinnerStyles } from '../../utils/style';\n\nexport const Spinner = ({ size }: { size?: string | number }) => {\n  const { container, spinner } = useSpinnerStyles();\n  return (\n    <div className={container}>\n      <CircularProgress className={spinner} size={size} />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,OAAU,GAAA,CAAC,EAAE,IAAA,EAAuC,KAAA;AAC/D,EAAA,MAAM,EAAE,SAAA,EAAW,OAAQ,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAChD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,SAAA,EAAA,sCACb,gBAAiB,EAAA,EAAA,SAAA,EAAW,OAAS,EAAA,IAAA,EAAY,CACpD,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,64 @@
+import { FormControl, FormLabel, FormHelperText, TextField as TextField$1 } from '@material-ui/core';
+import React, { useState } from 'react';
+import { useScenario } from '../../contexts/ScenarioContext.esm.js';
+import { useInputFieldStyles, useFontStyles } from '../../utils/style.esm.js';
+
+const TextField = ({
+  label,
+  subtitle,
+  value,
+  required,
+  minRows = 1,
+  handleChange,
+  validateInput,
+  errorMessage,
+  errorKey
+}) => {
+  const [hasError, setHasError] = useState(false);
+  const { setFormError, removeFormError, formFieldHasErrors } = useScenario();
+  const { formLabel, formControl, root } = useInputFieldStyles();
+  const { labelSubtitle } = useFontStyles();
+  const onChange = (event) => {
+    if (handleChange) {
+      handleChange(event.target.value);
+    }
+  };
+  const onBlur = (event) => {
+    if (!validateInput && !required) {
+      return;
+    }
+    const isValid = validateInput ? validateInput(event.target.value) : true;
+    const requiredValid = required ? event.target.value.length > 0 : true;
+    const validationResult = isValid && requiredValid;
+    setHasError(!validationResult);
+    if (!errorKey) {
+      return;
+    }
+    if (validationResult) {
+      removeFormError(errorKey);
+    } else {
+      setFormError(errorKey);
+    }
+  };
+  const fieldError = hasError || (errorKey ? formFieldHasErrors(errorKey) : false);
+  return /* @__PURE__ */ React.createElement(FormControl, { className: formControl }, label && /* @__PURE__ */ React.createElement(FormLabel, { className: formLabel, required }, label), subtitle && /* @__PURE__ */ React.createElement(FormHelperText, { className: labelSubtitle }, subtitle), /* @__PURE__ */ React.createElement(
+    TextField$1,
+    {
+      disabled: !handleChange,
+      required: true,
+      id: "filled-multiline-static",
+      value,
+      multiline: true,
+      fullWidth: true,
+      minRows,
+      variant: "outlined",
+      onChange,
+      error: fieldError,
+      onBlur,
+      InputProps: { className: root }
+    }
+  ), fieldError && /* @__PURE__ */ React.createElement(FormHelperText, { error: true }, errorMessage));
+};
+
+export { TextField };
+//# sourceMappingURL=Textfield.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.esm.js","sources":["../../../src/components/common/Textfield.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormHelperText,\n  FormLabel,\n  TextField as MUITextField,\n} from '@material-ui/core';\nimport React, { ChangeEvent, useState } from 'react';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport { useFontStyles, useInputFieldStyles } from '../../utils/style';\n\ntype ErrorProps = {\n  errorKey?: string;\n  errorMessage?: string;\n};\n\ntype TextFieldProps = {\n  label?: string;\n  subtitle?: string;\n  value: string | number;\n  error?: string | boolean | null;\n  minRows?: number;\n  handleChange?: (value: string) => void;\n} & (\n  | ({\n      validateInput: (value: string) => boolean;\n      required?: boolean;\n    } & ErrorProps)\n  | ({\n      required?: undefined;\n      validateInput?: undefined;\n    } & ErrorProps)\n  | ({\n      required: boolean;\n      validateInput?: (value: string) => boolean;\n    } & ErrorProps)\n);\n\nexport const TextField = ({\n  label,\n  subtitle,\n  value,\n  required,\n  minRows = 1,\n  handleChange,\n  validateInput,\n  errorMessage,\n  errorKey,\n}: TextFieldProps) => {\n  const [hasError, setHasError] = useState(false);\n  const { setFormError, removeFormError, formFieldHasErrors } = useScenario();\n  const { formLabel, formControl, root } = useInputFieldStyles();\n  const { labelSubtitle } = useFontStyles();\n\n  const onChange = (event: ChangeEvent<{ value: string }>) => {\n    if (handleChange) {\n      handleChange(event.target.value);\n    }\n  };\n\n  const onBlur = (event: ChangeEvent<{ value: string }>) => {\n    if (!validateInput && !required) {\n      return;\n    }\n\n    const isValid = validateInput ? validateInput(event.target.value) : true;\n    const requiredValid = required ? event.target.value.length > 0 : true;\n\n    const validationResult = isValid && requiredValid;\n    setHasError(!validationResult);\n\n    if (!errorKey) {\n      return;\n    }\n\n    if (validationResult) {\n      removeFormError(errorKey);\n    } else {\n      setFormError(errorKey);\n    }\n  };\n\n  const fieldError =\n    hasError || (errorKey ? formFieldHasErrors(errorKey) : false);\n\n  return (\n    <FormControl className={formControl}>\n      {label && (\n        <FormLabel className={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {subtitle && (\n        <FormHelperText className={labelSubtitle}>{subtitle}</FormHelperText>\n      )}\n      <MUITextField\n        disabled={!handleChange}\n        required\n        id=\"filled-multiline-static\"\n        value={value}\n        multiline\n        fullWidth\n        minRows={minRows}\n        variant=\"outlined\"\n        onChange={onChange}\n        error={fieldError}\n        onBlur={onBlur}\n        InputProps={{ className: root }}\n      />\n      {fieldError && <FormHelperText error>{errorMessage}</FormHelperText>}\n    </FormControl>\n  );\n};\n"],"names":["MUITextField"],"mappings":";;;;;AAqCO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAU,GAAA,CAAA;AAAA,EACV,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AACF,CAAsB,KAAA;AACpB,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,eAAiB,EAAA,kBAAA,KAAuB,WAAY,EAAA,CAAA;AAC1E,EAAA,MAAM,EAAE,SAAA,EAAW,WAAa,EAAA,IAAA,KAAS,mBAAoB,EAAA,CAAA;AAC7D,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,aAAc,EAAA,CAAA;AAExC,EAAM,MAAA,QAAA,GAAW,CAAC,KAA0C,KAAA;AAC1D,IAAA,IAAI,YAAc,EAAA;AAChB,MAAa,YAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,KACjC;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,MAAA,GAAS,CAAC,KAA0C,KAAA;AACxD,IAAI,IAAA,CAAC,aAAiB,IAAA,CAAC,QAAU,EAAA;AAC/B,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,aAAgB,GAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAO,KAAK,CAAI,GAAA,IAAA,CAAA;AACpE,IAAA,MAAM,gBAAgB,QAAW,GAAA,KAAA,CAAM,MAAO,CAAA,KAAA,CAAM,SAAS,CAAI,GAAA,IAAA,CAAA;AAEjE,IAAA,MAAM,mBAAmB,OAAW,IAAA,aAAA,CAAA;AACpC,IAAA,WAAA,CAAY,CAAC,gBAAgB,CAAA,CAAA;AAE7B,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,gBAAkB,EAAA;AACpB,MAAA,eAAA,CAAgB,QAAQ,CAAA,CAAA;AAAA,KACnB,MAAA;AACL,MAAA,YAAA,CAAa,QAAQ,CAAA,CAAA;AAAA,KACvB;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,UACJ,GAAA,QAAA,KAAa,QAAW,GAAA,kBAAA,CAAmB,QAAQ,CAAI,GAAA,KAAA,CAAA,CAAA;AAEzD,EAAA,2CACG,WAAY,EAAA,EAAA,SAAA,EAAW,eACrB,KACC,oBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,SAAW,EAAA,SAAA,EAAW,QAC9B,EAAA,EAAA,KACH,GAED,QACC,oBAAA,KAAA,CAAA,aAAA,CAAC,kBAAe,SAAW,EAAA,aAAA,EAAA,EAAgB,QAAS,CAEtD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,WAAA;AAAA,IAAA;AAAA,MACC,UAAU,CAAC,YAAA;AAAA,MACX,QAAQ,EAAA,IAAA;AAAA,MACR,EAAG,EAAA,yBAAA;AAAA,MACH,KAAA;AAAA,MACA,SAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,OAAA;AAAA,MACA,OAAQ,EAAA,UAAA;AAAA,MACR,QAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MACP,MAAA;AAAA,MACA,UAAA,EAAY,EAAE,SAAA,EAAW,IAAK,EAAA;AAAA,KAAA;AAAA,KAE/B,UAAc,oBAAA,KAAA,CAAA,aAAA,CAAC,kBAAe,KAAK,EAAA,IAAA,EAAA,EAAE,YAAa,CACrD,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,47 @@
+const formLabel = {
+  fontSize: "0.875rem",
+  fontWeight: 700,
+  textTransform: "uppercase",
+  marginBottom: "8px"
+};
+const heading1 = {
+  fontSize: "2rem",
+  fontWeight: 700
+};
+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 labelSubtitle = {
+  fontSize: "0.875rem",
+  fontWeight: 400,
+  paddingBottom: "0.4rem",
+  marginTop: "-0.2rem"
+};
+const label2 = {
+  fontSize: "0.875rem",
+  fontWeight: 700,
+  textTransform: "uppercase"
+};
+const emptyState = {
+  fontSize: "1rem",
+  fontStyle: "italic"
+};
+
+export { body1, body2, emptyState, formLabel, heading1, heading3, label, label2, labelSubtitle };
+//# 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 formLabel: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n  marginBottom: '8px',\n};\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 labelSubtitle: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 400,\n  paddingBottom: '0.4rem',\n  marginTop: '-0.2rem',\n};\n\nexport const label2: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\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\nexport const risikoLevel: SxProps<Theme> = {\n  fontSize: '1.125rem',\n  fontWeight: 700,\n  paddingTop: 0,\n};\n\nexport const actionSubtitle: SxProps<Theme> = {\n  fontSize: '1.125rem',\n  fontWeight: 700,\n  marginBottom: '16px',\n  marginTop: '16px',\n};\n"],"names":[],"mappings":"AAEO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,YAAc,EAAA,KAAA;AAChB,EAAA;AAEO,MAAM,QAA2B,GAAA;AAAA,EACtC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AACd,EAAA;AAOO,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,aAAgC,GAAA;AAAA,EAC3C,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,QAAA;AAAA,EACf,SAAW,EAAA,SAAA;AACb,EAAA;AAEO,MAAM,MAAyB,GAAA;AAAA,EACpC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AACjB,EAAA;AAEO,MAAM,UAA6B,GAAA;AAAA,EACxC,QAAU,EAAA,MAAA;AAAA,EACV,SAAW,EAAA,QAAA;AACb;;;;"}

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

@@ -0,0 +1,116 @@
+import React, { useState } from 'react';
+import { Dialog, DialogContent, Typography, Box, Button } from '@material-ui/core';
+import { TextField } from '../common/Textfield.esm.js';
+import { emptyRiSc } from '../../utils/utilityfunctions.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { useRiScDialogStyles } from './riScDialogStyle.esm.js';
+import { useFontStyles } from '../../utils/style.esm.js';
+import { useRiScs } from '../../contexts/RiScContext.esm.js';
+
+var RiScDialogStates = /* @__PURE__ */ ((RiScDialogStates2) => {
+  RiScDialogStates2[RiScDialogStates2["Closed"] = 0] = "Closed";
+  RiScDialogStates2[RiScDialogStates2["Edit"] = 1] = "Edit";
+  RiScDialogStates2[RiScDialogStates2["Create"] = 2] = "Create";
+  return RiScDialogStates2;
+})(RiScDialogStates || {});
+const RiScDialog = ({ onClose, dialogState }) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const { paper, content, buttons } = useRiScDialogStyles();
+  const { h1 } = useFontStyles();
+  const { selectedRiSc, createNewRiSc, updateRiSc } = useRiScs();
+  const [newRiSc, setNewRiSc] = useState(
+    dialogState === 1 /* Edit */ ? selectedRiSc.content : emptyRiSc()
+  );
+  const [newRiScError, setNewRiScError] = useState({
+    title: null,
+    scope: null
+  });
+  const handleCancel = () => {
+    onClose();
+    setNewRiSc(emptyRiSc());
+    setNewRiScError({
+      title: null,
+      scope: null
+    });
+  };
+  const handleSave = () => {
+    setNewRiScError({
+      title: newRiSc.title === "" ? t("rosDialog.titleError") : null,
+      scope: newRiSc.scope === "" ? t("rosDialog.scopeError") : null
+    });
+    if (!newRiSc.title || !newRiSc.scope) return;
+    if (dialogState === 2 /* Create */) {
+      createNewRiSc(newRiSc);
+    } else {
+      updateRiSc(newRiSc);
+    }
+    handleCancel();
+  };
+  const setTitle = (title) => {
+    setNewRiScError({
+      ...newRiScError,
+      title: null
+    });
+    setNewRiSc({
+      ...newRiSc,
+      title
+    });
+  };
+  const setScope = (scope) => {
+    setNewRiScError({
+      ...newRiScError,
+      scope: null
+    });
+    setNewRiSc({
+      ...newRiSc,
+      scope
+    });
+  };
+  const header = dialogState === 2 /* Create */ ? t("rosDialog.titleNew") : t("rosDialog.titleEdit");
+  return /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      classes: { paper },
+      open: dialogState !== 0 /* Closed */,
+      onClose: handleCancel
+    },
+    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Typography, { className: h1 }, header), /* @__PURE__ */ React.createElement(Box, { className: content }, /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        label: t("dictionary.title"),
+        value: newRiSc.title,
+        minRows: 1,
+        handleChange: setTitle,
+        error: newRiScError.title,
+        required: true
+      }
+    )), /* @__PURE__ */ React.createElement(Box, { className: content }, /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        label: t("dictionary.scope"),
+        subtitle: t("rosDialog.scopeDescription"),
+        value: newRiSc.scope,
+        minRows: 4,
+        handleChange: setScope,
+        error: newRiScError.scope,
+        required: true
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          display: "flex",
+          justifyContent: "flex-start",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Box, { className: buttons }, /* @__PURE__ */ React.createElement(Button, { variant: "contained", color: "primary", onClick: handleSave }, t("dictionary.save")), /* @__PURE__ */ React.createElement(Button, { variant: "outlined", color: "primary", onClick: handleCancel }, t("dictionary.cancel")))
+    )
+  );
+};
+
+export { RiScDialog, RiScDialogStates };
+//# sourceMappingURL=RiScDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogContent,\n  Typography,\n} from '@material-ui/core';\nimport { TextField } from '../common/Textfield';\nimport { RiSc } from '../../utils/types';\nimport { emptyRiSc } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScDialogStyles } from './riScDialogStyle';\nimport { useFontStyles } from '../../utils/style';\nimport { useRiScs } from '../../contexts/RiScContext';\n\nexport enum RiScDialogStates {\n  Closed,\n  Edit,\n  Create,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n}\n\ninterface RiskError {\n  title: string | null;\n  scope: string | null;\n}\n\nexport const RiScDialog = ({ onClose, dialogState }: RiScDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { paper, content, buttons } = useRiScDialogStyles();\n  const { h1 } = useFontStyles();\n  const { selectedRiSc, createNewRiSc, updateRiSc } = useRiScs();\n\n  const [newRiSc, setNewRiSc] = useState<RiSc>(\n    dialogState === RiScDialogStates.Edit\n      ? selectedRiSc!!.content\n      : emptyRiSc(),\n  );\n\n  const [newRiScError, setNewRiScError] = useState<RiskError>({\n    title: null,\n    scope: null,\n  });\n\n  const handleCancel = () => {\n    onClose();\n    setNewRiSc(emptyRiSc());\n    setNewRiScError({\n      title: null,\n      scope: null,\n    });\n  };\n\n  const handleSave = () => {\n    setNewRiScError({\n      title: newRiSc.title === '' ? t('rosDialog.titleError') : null,\n      scope: newRiSc.scope === '' ? t('rosDialog.scopeError') : null,\n    });\n    if (!newRiSc.title || !newRiSc.scope) return;\n\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(newRiSc);\n    } else {\n      updateRiSc(newRiSc);\n    }\n    handleCancel();\n  };\n\n  const setTitle = (title: string) => {\n    setNewRiScError({\n      ...newRiScError,\n      title: null,\n    });\n    setNewRiSc({\n      ...newRiSc,\n      title: title,\n    });\n  };\n\n  const setScope = (scope: string) => {\n    setNewRiScError({\n      ...newRiScError,\n      scope: null,\n    });\n    setNewRiSc({\n      ...newRiSc,\n      scope: scope,\n    });\n  };\n\n  const header =\n    dialogState === RiScDialogStates.Create\n      ? t('rosDialog.titleNew')\n      : t('rosDialog.titleEdit');\n\n  return (\n    <Dialog\n      classes={{ paper: paper }}\n      open={dialogState !== RiScDialogStates.Closed}\n      onClose={handleCancel}\n    >\n      <DialogContent>\n        <Typography className={h1}>{header}</Typography>\n        <Box className={content}>\n          <TextField\n            label={t('dictionary.title')}\n            value={newRiSc.title}\n            minRows={1}\n            handleChange={setTitle}\n            error={newRiScError.title}\n            required\n          />\n        </Box>\n        <Box className={content}>\n          <TextField\n            label={t('dictionary.scope')}\n            subtitle={t('rosDialog.scopeDescription')}\n            value={newRiSc.scope}\n            minRows={4}\n            handleChange={setScope}\n            error={newRiScError.scope}\n            required\n          />\n        </Box>\n      </DialogContent>\n      <div\n        style={{\n          padding: '20px',\n          display: 'flex',\n          justifyContent: 'flex-start',\n          alignItems: 'center',\n        }}\n      >\n        <Box className={buttons}>\n          <Button variant=\"contained\" color=\"primary\" onClick={handleSave}>\n            {t('dictionary.save')}\n          </Button>\n          <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n            {t('dictionary.cancel')}\n          </Button>\n        </Box>\n      </div>\n    </Dialog>\n  );\n};\n"],"names":["RiScDialogStates"],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { makeStyles } from '@material-ui/core';
+
+const useRiScDialogStyles = makeStyles((theme) => ({
+  paper: {
+    width: "80%",
+    padding: theme.spacing(2)
+  },
+  header: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  content: {
+    display: "flex",
+    flexDirection: "column",
+    paddingTop: theme.spacing(2),
+    paddingBottom: theme.spacing(2)
+  },
+  buttons: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.spacing(2)
+  },
+  inputBox: {
+    paddingTop: theme.spacing(2)
+  },
+  formLabel: {
+    marginBottom: theme.spacing(1)
+  }
+}));
+
+export { useRiScDialogStyles };
+//# sourceMappingURL=riScDialogStyle.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"riScDialogStyle.esm.js","sources":["../../../src/components/riScDialog/riScDialogStyle.ts"],"sourcesContent":["import { Theme, makeStyles } from '@material-ui/core';\n\nexport const useRiScDialogStyles = makeStyles((theme: Theme) => ({\n  paper: {\n    width: '80%',\n    padding: theme.spacing(2),\n  },\n  header: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n  },\n  buttons: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n  },\n  inputBox: {\n    paddingTop: theme.spacing(2),\n  },\n  formLabel: {\n    marginBottom: theme.spacing(1),\n  },\n}));\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC/D,KAAO,EAAA;AAAA,IACL,KAAO,EAAA,KAAA;AAAA,IACP,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GAC1B;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,cAAgB,EAAA,eAAA;AAAA,GAClB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GAChC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GACtB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GAC7B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GAC/B;AACF,CAAE,CAAA;;;;"}