@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/components/topBar/AboutDialog.js

@@ -1,349 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import { useTheme, Dialog, useMediaQuery, DialogTitle, Collapse, Alert, Box, Fade, CircularProgress, Typography, DialogContent, Accordion, AccordionSummary, AccordionDetails, Grid, DialogActions, Button, Zoom, Stack, tooltipClasses } from "@mui/material";
-import { LoadingButton } from "@mui/lab";
-import { Refresh, Gavel, ExpandMore, Apps, QuestionMark, DnsOutlined, WidgetsOutlined } from "@mui/icons-material";
-import { FormattedMessage } from "react-intl";
-import { CustomTooltip } from "../ui/tooltip/CustomTooltip.js";
-import { LogoText } from "./GridLogo.js";
-import { mergeSx } from "../../utils/styles.js";
-const styles = {
-  general: {
-    ".MuiAccordion-root": {
-      // dunno why the theme has the background as black in dark mode
-      bgcolor: "unset"
-    }
-  },
-  mainSection: { height: "5em" },
-  logoSection: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  mainInfos: {
-    textAlign: "center",
-    marginTop: 0
-  },
-  versionField: { fontStyle: "italic" },
-  versionFieldUnknown: { fontSize: "1.5em", fontWeight: "bold" },
-  detailsSection: {
-    ".MuiAccordionSummary-content > .MuiSvgIcon-root": {
-      marginRight: "0.5rem"
-    }
-  }
-};
-function getGlobalVersion(fnPromise, type, setData, setLoader) {
-  if (fnPromise) {
-    console.debug("Getting", type, "global version...");
-    return new Promise((resolve) => {
-      if (setLoader) {
-        setLoader(true);
-      }
-      resolve(null);
-    }).then(() => fnPromise()).then(
-      (value) => {
-        console.debug(type, "global version is", value);
-        setData(value ?? null);
-      },
-      (reason) => {
-        console.debug(type, "global version isn't available", reason);
-        setData(null);
-      }
-    ).finally(() => {
-      if (setLoader) {
-        setLoader(false);
-      }
-    });
-  }
-  console.debug("No getter for global version");
-  setData(null);
-  return Promise.resolve(null);
-}
-const moduleTypeSort = {
-  apps: 1,
-  server: 10,
-  other: 20
-};
-function compareModules(c1, c2) {
-  return (moduleTypeSort[c1.type] || 100) - (moduleTypeSort[c2.type] || 100) || (c1.name || "").localeCompare(c2.name || "");
-}
-const moduleStyles = {
-  icons: {
-    flexGrow: 0,
-    position: "relative",
-    top: "4px",
-    flexShrink: 0
-  },
-  version: {
-    flexGrow: 0,
-    alignSelf: "flex-end",
-    flexShrink: 0
-  },
-  tooltip: (theme) => ({
-    [`& .${tooltipClasses.tooltip}`]: {
-      border: "1px solid #dadde9",
-      boxShadow: theme.shadows[1]
-    }
-  }),
-  tooltipDetails: {
-    display: "grid",
-    gridTemplateColumns: "max-content auto",
-    margin: 0,
-    dt: {
-      gridColumnStart: 1,
-      "&:after": {
-        content: '" :"'
-      }
-    },
-    dd: {
-      gridColumnStart: 2,
-      paddingLeft: "0.5em"
-    }
-  }
-};
-const ModuleTypesIcons = {
-  apps: /* @__PURE__ */ jsx(WidgetsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "primary" }),
-  server: /* @__PURE__ */ jsx(DnsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "secondary" }),
-  other: /* @__PURE__ */ jsx(QuestionMark, { sx: moduleStyles.icons, fontSize: "small" })
-};
-function insensitiveCaseCompare(str, obj) {
-  return str.localeCompare(obj, void 0, {
-    sensitivity: "base"
-  });
-}
-function tooltipTypeLabel(type) {
-  if (insensitiveCaseCompare("apps", type) === 0) {
-    return "about-dialog/module-tooltip-app";
-  }
-  if (insensitiveCaseCompare("server", type) === 0) {
-    return "about-dialog/module-tooltip-server";
-  }
-  return "about-dialog/module-tooltip-other";
-}
-function Module({ type, name, version, gitTag }) {
-  return /* @__PURE__ */ jsx(
-    Grid,
-    {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 4,
-      sx: {
-        ".MuiTypography-root": {
-          minWidth: "3em"
-        }
-      },
-      children: /* @__PURE__ */ jsx(
-        CustomTooltip,
-        {
-          TransitionComponent: Zoom,
-          enterNextDelay: 350,
-          leaveDelay: 200,
-          sx: moduleStyles.tooltip,
-          title: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", children: name || "<?>" }),
-            /* @__PURE__ */ jsxs(Box, { component: "dl", sx: moduleStyles.tooltipDetails, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dt", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/label-type" }) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dd", children: /* @__PURE__ */ jsx(FormattedMessage, { id: tooltipTypeLabel(type) }) }),
-              version && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dt", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/label-version" }) }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dd", children: version })
-              ] }),
-              gitTag && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dt", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/label-git-version" }) }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "dd", children: gitTag })
-              ] })
-            ] })
-          ] }),
-          children: /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "flex-start", alignItems: "baseline", spacing: 1, children: [
-            ModuleTypesIcons[type] || ModuleTypesIcons.other,
-            /* @__PURE__ */ jsx(Typography, { display: "inline", noWrap: true, children: name || "<?>" }),
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "caption",
-                sx: mergeSx(moduleStyles.version, (theme) => ({
-                  color: theme.palette.text.secondary
-                })),
-                display: "inline",
-                noWrap: true,
-                children: gitTag || version || null
-              }
-            )
-          ] })
-        }
-      )
-    }
-  );
-}
-function AboutDialog({
-  open,
-  onClose,
-  globalVersionPromise,
-  appName,
-  appVersion,
-  appGitTag,
-  appLicense,
-  additionalModulesPromise,
-  logo
-}) {
-  const theme = useTheme();
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [loadingGlobalVersion, setLoadingGlobalVersion] = useState(false);
-  const [showGlobalVersion, setShowGlobalVersion] = useState(false);
-  const [initialGlobalVersion, setInitialGlobalVersion] = useState(void 0);
-  useEffect(() => {
-    if (initialGlobalVersion === void 0) {
-      getGlobalVersion(globalVersionPromise, "Initial", setInitialGlobalVersion);
-    }
-  }, [globalVersionPromise, initialGlobalVersion]);
-  const [actualGlobalVersion, setActualGlobalVersion] = useState(null);
-  useEffect(() => {
-    if (open) {
-      getGlobalVersion(globalVersionPromise, "Actual", setActualGlobalVersion, (loading) => {
-        setLoadingGlobalVersion(loading);
-        setShowGlobalVersion(false);
-      });
-    }
-  }, [open, globalVersionPromise]);
-  const [loadingAdditionalModules, setLoadingAdditionalModules] = useState(false);
-  const [modules, setModules] = useState(null);
-  useEffect(() => {
-    if (open) {
-      const currentApp = {
-        name: `Grid${appName}`,
-        type: "apps",
-        version: appVersion,
-        gitTag: appGitTag
-        // license: appLicense,
-      };
-      (additionalModulesPromise ? Promise.resolve(setLoadingAdditionalModules(true)).then(() => additionalModulesPromise()) : Promise.reject(new Error("no getter"))).then(
-        (values) => Array.isArray(values) ? values : [],
-        () => []
-      ).then((values) => {
-        setModules([currentApp, ...values]);
-      }).finally(() => setLoadingAdditionalModules(false));
-    }
-  }, [open, additionalModulesPromise, appName, appVersion, appGitTag, appLicense]);
-  const handleClose = useCallback(() => {
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      onClose: handleClose,
-      open,
-      fullWidth: true,
-      maxWidth: "md",
-      fullScreen: useMediaQuery(theme.breakpoints.down("md")),
-      sx: styles.general,
-      "aria-labelledby": "alert-dialog-title",
-      "aria-describedby": "alert-dialog-description",
-      TransitionProps: {
-        onExited: () => {
-          setModules(null);
-          setActualGlobalVersion(null);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { id: "alert-dialog-title", children: [
-          /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/title" }),
-          initialGlobalVersion !== void 0 && initialGlobalVersion !== null && actualGlobalVersion !== null && initialGlobalVersion !== actualGlobalVersion && /* @__PURE__ */ jsx(Collapse, { in: open, children: /* @__PURE__ */ jsx(
-            Alert,
-            {
-              severity: "warning",
-              variant: "outlined",
-              action: /* @__PURE__ */ jsx(
-                LoadingButton,
-                {
-                  color: "inherit",
-                  size: "small",
-                  startIcon: /* @__PURE__ */ jsx(Refresh, { fontSize: "small" }),
-                  loadingPosition: "start",
-                  loading: isRefreshing,
-                  onClick: () => {
-                    setIsRefreshing(true);
-                    window.location.reload();
-                  },
-                  children: /* @__PURE__ */ jsx(FormattedMessage, { id: "refresh" })
-                }
-              ),
-              sx: { marginBottom: 2 },
-              children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/alert-running-old-version-msg" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(Box, { sx: styles.mainSection, children: [
-            /* @__PURE__ */ jsx(Box, { sx: styles.logoSection, children: logo || /* @__PURE__ */ jsx(LogoText, { appName: "Suite", appColor: theme.palette.grey["500"] }) }),
-            /* @__PURE__ */ jsxs(Box, { sx: styles.mainInfos, children: [
-              /* @__PURE__ */ jsx(
-                Fade,
-                {
-                  in: loadingGlobalVersion,
-                  appear: true,
-                  unmountOnExit: true,
-                  onExited: () => setShowGlobalVersion(true),
-                  children: /* @__PURE__ */ jsx(CircularProgress, {})
-                }
-              ),
-              showGlobalVersion && /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  id: "about-dialog/version",
-                  defaultMessage: "Version {version}",
-                  values: {
-                    version: /* @__PURE__ */ jsx(
-                      Typography,
-                      {
-                        component: "span",
-                        sx: !loadingGlobalVersion && !!actualGlobalVersion ? styles.versionFieldUnknown : styles.versionField,
-                        children: actualGlobalVersion || "unknown"
-                      }
-                    )
-                  }
-                }
-              ) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(DialogContent, { id: "alert-dialog-description", children: /* @__PURE__ */ jsxs(Box, { sx: styles.detailsSection, children: [
-          /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", disabled: true, sx: { display: "none" }, children: [
-            /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel1-content", id: "panel1-header", children: [
-              /* @__PURE__ */ jsx(Gavel, { fontSize: "small" }),
-              /* @__PURE__ */ jsx(Typography, { sx: { width: "33%", flexShrink: 0 }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/license" }) }),
-              /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary" }, children: appLicense })
-            ] }),
-            /* @__PURE__ */ jsx(AccordionDetails, { children: "license app summary text" })
-          ] }),
-          /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", TransitionProps: { unmountOnExit: true }, children: [
-            /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel2-content", id: "panel2-header", children: [
-              /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
-              /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
-            ] }),
-            /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid, { item: true, xs: true, display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
-              Module,
-              {
-                type: module.type,
-                name: module.name,
-                version: module.version,
-                gitTag: module.gitTag
-              },
-              `module-${idx}`
-            )) }) || /* @__PURE__ */ jsx(
-              Typography,
-              {
-                sx: { color: (selectedTheme) => selectedTheme.palette.error.main },
-                children: "Error"
-              }
-            ) }) })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, autoFocus: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "close" }) }) })
-      ]
-    }
-  );
-}
-export {
-  AboutDialog
-};

package/dist/components/topBar/UserInformationDialog.js

@@ -1,75 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid, Typography, Box, DialogActions } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-import { useState, useEffect, Fragment } from "react";
-import { CancelButton } from "../ui/reactHookForm/utils/CancelButton.js";
-import { fetchUserDetails } from "../../services/userAdmin.js";
-const styles = {
-  DialogTitle: { fontSize: "1.5rem" },
-  DialogContent: { marginTop: "10px" },
-  quotasBox: { marginTop: "60px" },
-  quotasTopography: { marginTop: "30px", marginBottom: "25px", fontSize: "1.15rem" },
-  usedTopography: { marginLeft: "15%" }
-};
-function UserInformationDialog({ openDialog, userProfile, onClose }) {
-  const [userDetails, setUserDetails] = useState(void 0);
-  const getUserDetails = (userName) => {
-    setUserDetails(void 0);
-    fetchUserDetails(userName).then((response) => {
-      setUserDetails(response);
-    }).catch((error) => {
-      console.warn(`Could not fetch user information for ${userName}`, error);
-    });
-  };
-  useEffect(() => {
-    if (!openDialog || !userProfile?.sub) {
-      setUserDetails(void 0);
-      return;
-    }
-    getUserDetails(userProfile.sub);
-  }, [openDialog, userProfile?.sub]);
-  const rolesString = userProfile?.profile ?? "";
-  const rolesList = rolesString ? rolesString.split("|").map((role) => role.trim()) : [];
-  return /* @__PURE__ */ jsxs(Dialog, { open: openDialog && !!userProfile && !!userDetails, onClose, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { fontWeight: "bold", sx: styles.DialogTitle, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/title" }) }),
-    /* @__PURE__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: styles.DialogContent, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/role" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: rolesList.length > 0 ? /* @__PURE__ */ jsx(Typography, { children: rolesList.map((role, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          index > 0 && " | ",
-          /* @__PURE__ */ jsx(
-            FormattedMessage,
-            {
-              id: `user-information-dialog/${role}`,
-              defaultMessage: role
-            }
-          )
-        ] }, role)) }) : /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-roles" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/profile" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: userDetails?.profileName === null ? /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/no-profile" }) : /* @__PURE__ */ jsx(Typography, { children: userDetails?.profileName }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { mt: 3, sx: styles.quotasBox, children: [
-        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", sx: styles.quotasTopography, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/quotas" }) }),
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-cases-or-studies" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsxs(Typography, { children: [
-            userDetails?.maxAllowedCases,
-            /* @__PURE__ */ jsxs(Box, { component: "span", sx: styles.usedTopography, children: [
-              "( ",
-              /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/used" }),
-              ":",
-              ` ${userDetails?.numberCasesUsed}`,
-              " )"
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "user-information-dialog/number-of-builds-per-study" }) }) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(Typography, { children: userDetails?.maxAllowedBuilds }) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(CancelButton, { color: "primary", onClick: onClose }) })
-  ] });
-}
-export {
-  UserInformationDialog as default
-};

package/dist/components/treeViewFinder/TreeViewFinder.d.ts

@@ -1,39 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps, ModalProps } from '@mui/material';
-import { SimpleTreeViewClasses } from '@mui/x-tree-view';
-import { UUID } from 'node:crypto';
-import { ElementType } from '../../utils';
-export declare const generateTreeViewFinderClass: (className: string) => string;
-export interface TreeViewFinderNodeProps {
-    id: UUID;
-    name: string;
-    type?: ElementType;
-    description?: string;
-    icon?: ReactElement;
-    childrenCount?: number;
-    children?: TreeViewFinderNodeProps[];
-    parents?: TreeViewFinderNodeProps[];
-    specificMetadata?: {
-        equipmentType: string;
-    };
-}
-export interface TreeViewFinderProps {
-    defaultExpanded?: string[];
-    defaultSelected?: string[];
-    selected?: string[];
-    expanded?: string[];
-    multiSelect?: boolean;
-    classes?: Partial<SimpleTreeViewClasses>;
-    className?: string;
-    contentText?: string;
-    open: ModalProps['open'];
-    onClose: (nodes: TreeViewFinderNodeProps[]) => void;
-    validationButtonText?: string;
-    cancelButtonProps?: ButtonProps;
-    title?: string;
-    onlyLeaves?: boolean;
-    data?: TreeViewFinderNodeProps[];
-    onTreeBrowse?: (itemId: string) => void;
-    sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
-}
-export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;