@kartverket/backstage-plugin-risk-scorecard 1.0.10 → 1.0.12

package/dist/esm/{index-32d8d9ac.esm.js → index-55c3e55b.esm.js}

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useCallback, createContext, useContext, Fragment, useRef } from 'react';
-import { makeStyles, FormControl, FormLabel, FormHelperText, TextField as TextField$1, Grid, Typography, Box as Box$1, Paper, Button, Radio, CircularProgress, Dialog, DialogTitle, DialogActions, Stepper, Step, StepButton, Divider as Divider$1, Drawer, List, ListSubheader, ListItem, ListItemText as ListItemText$1, ClickAwayListener, Tooltip, DialogContent, DialogContentText, IconButton, Tab } from '@material-ui/core';
-import { InfoCard, ContentHeader } from '@backstage/core-components';
+import { makeStyles, FormControl, FormLabel, FormHelperText, TextField as TextField$1, Grid, Typography, Box as Box$1, useTheme, Paper, Button, Radio, CircularProgress, Dialog, DialogTitle, DialogActions, Stepper, Step, StepButton, Divider as Divider$1, Drawer, List, ListSubheader, ListItem, ListItemText as ListItemText$1, ClickAwayListener, Tooltip, DialogContent, DialogContentText, IconButton, Tab } from '@material-ui/core';
+import { InfoCard, ContentHeader, SupportButton } from '@backstage/core-components';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { useRouteRef, useApi, googleAuthApiRef, identityApiRef, fetchApiRef, configApiRef } from '@backstage/core-plugin-api';
-import { s as scenarioRouteRef, r as riScRouteRef, p as pluginRiScTranslationRef } from './index-aa781c2b.esm.js';
+import { s as scenarioRouteRef, r as riScRouteRef, p as pluginRiScTranslationRef } from './index-f0f7d618.esm.js';
 import { useNavigate, useLocation, useParams } from 'react-router';
 import { useEffectOnce } from 'react-use';
 import { useSearchParams, Routes, Route } from 'react-router-dom';
@@ -1371,8 +1371,7 @@ const ScenarioStep = () => {
       xs: 12,
       style: {
         display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between"
+        flexDirection: "column"
       }
     },
     /* @__PURE__ */ React.createElement(Box$1, null, /* @__PURE__ */ React.createElement(Typography, { className: label }, t("dictionary.threatActors")), /* @__PURE__ */ React.createElement(Typography, { className: labelSubtitle }, t("scenarioDrawer.threatActorSubtitle"))),
@@ -1392,8 +1391,7 @@ const ScenarioStep = () => {
       xs: 12,
       style: {
         display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between"
+        flexDirection: "column"
       }
     },
     /* @__PURE__ */ React.createElement(Box$1, null, /* @__PURE__ */ React.createElement(Typography, { className: label }, t("dictionary.vulnerabilities")), /* @__PURE__ */ React.createElement(Typography, { className: labelSubtitle }, t("scenarioDrawer.vulnerabilitySubtitle"))),
@@ -1425,6 +1423,7 @@ const ActionEdit = ({
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { paper, formControl } = useInputFieldStyles();
   const { label, labelSubtitle } = useFontStyles();
+  const theme = useTheme();
   const setDescription = (description) => updateAction({
     ...action,
     description
@@ -1524,7 +1523,29 @@ const ActionEdit = ({
       }
     },
     /* @__PURE__ */ React.createElement(Typography, { className: label }, t("dictionary.deadline")),
-    /* @__PURE__ */ React.createElement(FormControl$1, { className: formControl }, /* @__PURE__ */ React.createElement(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: nb }, /* @__PURE__ */ React.createElement(DatePicker, { value: action.deadline, onChange: setDeadline })))
+    /* @__PURE__ */ React.createElement(FormControl$1, { className: formControl }, /* @__PURE__ */ React.createElement(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: nb }, /* @__PURE__ */ React.createElement(
+      DatePicker,
+      {
+        value: action.deadline,
+        onChange: setDeadline,
+        sx: {
+          ".MuiInputBase-root": {
+            color: theme.palette.type === "dark" ? "white" : "black"
+          },
+          ".MuiOutlinedInput-notchedOutline": {
+            borderColor: theme.palette.type === "dark" ? "#616161" : "#0000003b"
+          },
+          ".MuiOutlinedInput-root": {
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: theme.palette.type === "dark" ? "white" : "black"
+            }
+          },
+          ".MuiIconButton-root": {
+            color: theme.palette.type === "dark" ? "white" : "black"
+          }
+        }
+      }
+    )))
   )));
 };
 
@@ -2902,9 +2923,9 @@ const useStatusTextStyles = makeStyles(() => ({
     wrap: "wrap"
   },
   prIcon: {
-    fontSize: "12px",
     margin: "0px",
     padding: "0px",
+    marginBottom: "-1px",
     marginRight: "2px",
     marginLeft: "2px"
   }
@@ -2938,14 +2959,11 @@ function ChipTextStatus({ status }) {
   const chipText = useChipText(status);
   return /* @__PURE__ */ React.createElement("span", { className: statusChipText }, chipText);
 }
-function PRStatus({
-  status,
-  classes
-}) {
+function PRStatus({ status, classes }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   switch (status) {
     case RiScStatus.SentForApproval:
-      return /* @__PURE__ */ React.createElement(Typography, { className: classes.prStatus }, /* @__PURE__ */ React.createElement(GitHubIcon, { className: classes.prIcon }), t("rosStatus.prStatus"));
+      return /* @__PURE__ */ React.createElement(Typography, { className: classes.prStatus }, /* @__PURE__ */ React.createElement(GitHubIcon, { fontSize: "inherit", className: classes.prIcon }), t("rosStatus.prStatus"));
     case RiScStatus.Draft:
     case RiScStatus.Published:
     default:
@@ -3141,7 +3159,7 @@ const Plugin = () => {
       isFetching,
       updateStatus: updateRiScStatus
     }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("contentHeader.title") }), isFetching && /* @__PURE__ */ React.createElement(Spinner, { size: 80 }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, riScs !== null && riScs.length !== 0 && /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("contentHeader.title") }, /* @__PURE__ */ React.createElement(SupportButton, null)), isFetching && /* @__PURE__ */ React.createElement(Spinner, { size: 80 }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, riScs !== null && riScs.length !== 0 && /* @__PURE__ */ React.createElement(
     Grid,
     {
       item: true,
@@ -3196,4 +3214,4 @@ const RiScPlugin = () => {
 };
 
 export { RiScPlugin };
-//# sourceMappingURL=index-32d8d9ac.esm.js.map
+//# sourceMappingURL=index-55c3e55b.esm.js.map