@gridsuite/commons-ui 0.46.0 → 0.48.0

package/dist/components/ReportViewer/report-item.d.ts

@@ -0,0 +1,13 @@
+declare const _default: import("@emotion/styled").StyledComponent<PropTypes.InferPropsInner<Pick<{
+    bgColor: PropTypes.Requireable<string>;
+    color: PropTypes.Requireable<string>;
+    labelInfo: PropTypes.Requireable<string>;
+    labelText: PropTypes.Validator<string>;
+}, "labelText">> & Partial<PropTypes.InferPropsInner<Pick<{
+    bgColor: PropTypes.Requireable<string>;
+    color: PropTypes.Requireable<string>;
+    labelInfo: PropTypes.Requireable<string>;
+    labelText: PropTypes.Validator<string>;
+}, "color" | "bgColor" | "labelInfo">>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export default _default;
+import PropTypes from 'prop-types';

package/dist/components/ReportViewer/report-item.js

@@ -0,0 +1,112 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Box, Typography } from "@mui/material";
+import { styled, alpha } from "@mui/system";
+import PropTypes from "prop-types";
+import { TreeItem } from "@mui/lab";
+import { Label } from "@mui/icons-material";
+import ReportTreeViewContext from "./report-tree-view-context.js";
+const styles = {
+  root: (theme) => ({
+    color: theme.palette.text.secondary,
+    "&:hover > .MuiTreeItem-content": {
+      backgroundColor: theme.palette.action.hover
+    }
+  }),
+  content: (theme) => ({
+    color: theme.palette.text.secondary,
+    borderRadius: theme.spacing(2),
+    width: "fit-content",
+    paddingRight: theme.spacing(1),
+    fontWeight: theme.typography.fontWeightMedium,
+    "&.Mui-expanded": {
+      fontWeight: theme.typography.fontWeightRegular
+    },
+    /* &.MuiTreeItem-content.Mui-focused to increase specifity because mui5 has a rule for &.Mui-selected.Mui-focused */
+    "&.MuiTreeItem-content.Mui-focused, &.Mui-selected": {
+      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.action.selected})`,
+      color: "var(--tree-view-color)"
+    },
+    // same as mui v4 behavior on label text only right after clicking in contrast to after moving away with arrow keys.
+    "&.Mui-selected .MuiTreeItem-label:hover, &.Mui-selected.Mui-focused .MuiTreeItem-label": {
+      borderRadius: theme.spacing(2),
+      backgroundColor: alpha(
+        theme.palette.primary.main,
+        theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity
+      )
+    },
+    "&.Mui-focused .MuiTreeItem-label, &:hover .MuiTreeItem-label, &Mui-selected .MuiTreeItem-label": {
+      backgroundColor: "transparent"
+    }
+  }),
+  group: (theme) => ({
+    marginLeft: "10px",
+    "& .MuiTreeItem-content": {
+      paddingLeft: theme.spacing(2)
+    }
+  }),
+  expanded: {},
+  selected: {},
+  label: {
+    fontWeight: "inherit",
+    color: "inherit"
+  },
+  labelRoot: (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    padding: theme.spacing(0.5, 0)
+  }),
+  labelRootHighlighted: (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    padding: theme.spacing(0.5, 0),
+    backgroundColor: theme.palette.action.selected
+  }),
+  labelIcon: (theme) => ({
+    marginRight: theme.spacing(1)
+  }),
+  labelText: (theme) => ({
+    fontWeight: "inherit",
+    marginRight: theme.spacing(2)
+  })
+};
+const ReportItem = (props) => {
+  const { isHighlighted } = useContext(ReportTreeViewContext);
+  const highlighted = isHighlighted ? isHighlighted(props.nodeId) : false;
+  const { labelText, labelIconColor, className, ...other } = props;
+  return /* @__PURE__ */ jsx(
+    TreeItem,
+    {
+      className,
+      sx: {
+        "&": styles.root,
+        "& .MuiTreeItem-content": styles.content,
+        "& .Mui-expanded": styles.expanded,
+        "& .Mui-selected": styles.selected,
+        "& .MuiTreeItem-group": styles.group,
+        "& .MuiTreeItem-label": styles.label
+      },
+      label: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: highlighted ? styles.labelRootHighlighted : styles.labelRoot,
+          children: [
+            /* @__PURE__ */ jsx(Label, { htmlColor: labelIconColor, sx: styles.labelIcon }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: styles.labelText, children: labelText })
+          ]
+        }
+      ),
+      ...other
+    }
+  );
+};
+ReportItem.propTypes = {
+  bgColor: PropTypes.string,
+  color: PropTypes.string,
+  labelInfo: PropTypes.string,
+  labelText: PropTypes.string.isRequired
+};
+const ReportItem$1 = styled(ReportItem)({});
+export {
+  ReportItem$1 as default
+};

package/dist/components/ReportViewer/report-tree-view-context.d.ts

@@ -0,0 +1,2 @@
+export default ReportTreeViewContext;
+declare const ReportTreeViewContext: import("react").Context<{}>;

package/dist/components/ReportViewer/report-tree-view-context.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const ReportTreeViewContext = createContext({});
+if (process.env.NODE_ENV !== "production") {
+  ReportTreeViewContext.displayName = "ReportTreeViewContext";
+}
+export {
+  ReportTreeViewContext as default
+};

package/dist/components/ReportViewer/report-viewer.d.ts

@@ -0,0 +1,4 @@
+export default function ReportViewer({ jsonReport, maxSubReports, }: {
+    jsonReport: any;
+    maxSubReports?: number | undefined;
+}): null;

package/dist/components/ReportViewer/report-viewer.js

@@ -0,0 +1,158 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useCallback, useEffect } from "react";
+import { TreeView } from "@mui/lab";
+import { ArrowDropDown, ArrowRight } from "@mui/icons-material";
+import ReportItem from "./report-item.js";
+import LogReport from "./log-report.js";
+import { Grid } from "@mui/material";
+import LogTable from "./log-table.js";
+import ReportTreeViewContext from "./report-tree-view-context.js";
+import LogReportItem from "./log-report-item.js";
+const MAX_SUB_REPORTS = 500;
+const styles = {
+  treeView: {
+    height: "100%",
+    overflow: "scroll"
+  },
+  treeItem: {
+    whiteSpace: "nowrap"
+  }
+};
+function ReportViewer({
+  jsonReport,
+  maxSubReports = MAX_SUB_REPORTS
+}) {
+  const [selectedNode, setSelectedNode] = useState(null);
+  const [expandedNodes, setExpandedNodes] = useState([]);
+  const [logs, setLogs] = useState(null);
+  const [highlightedReportId, setHighlightedReportId] = useState();
+  const rootReport = useRef(null);
+  const allReports = useRef({});
+  const treeView = useRef(null);
+  const defaultSeverityFilter = useMemo(() => {
+    const filterConfig = {};
+    Object.values(LogReportItem.SEVERITY).forEach((severity) => {
+      filterConfig[severity.name] = true;
+    });
+    return filterConfig;
+  }, []);
+  const [selectedSeverity, setSelectedSeverity] = useState(
+    defaultSeverityFilter
+  );
+  const createReporterItem = useCallback(
+    (logReport) => {
+      allReports.current[logReport.getId()] = logReport;
+      if (logReport.getSubReports().length > maxSubReports) {
+        console.warn(
+          "The number (%s) being greater than %s only the first %s subreports will be displayed",
+          logReport.getSubReports().length,
+          maxSubReports,
+          maxSubReports
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        ReportItem,
+        {
+          labelText: logReport.getTitle(),
+          labelIconColor: logReport.getHighestSeverity().colorName,
+          sx: styles.treeItem,
+          nodeId: logReport.getId().toString(),
+          children: logReport.getSubReports().slice(0, maxSubReports).map((value) => createReporterItem(value))
+        },
+        logReport.getId().toString()
+      );
+    },
+    [maxSubReports]
+  );
+  useEffect(() => {
+    rootReport.current = new LogReport(jsonReport);
+    let rootId = rootReport.current.getId().toString();
+    treeView.current = createReporterItem(rootReport.current);
+    setSelectedNode(rootId);
+    setExpandedNodes([rootId]);
+    setLogs(rootReport.current.getAllLogs());
+  }, [jsonReport, createReporterItem]);
+  const handleToggleNode = (event, nodeIds) => {
+    event.persist();
+    let iconClicked = event.target.closest(".MuiTreeItem-iconContainer");
+    if (iconClicked) {
+      setExpandedNodes(nodeIds);
+    }
+  };
+  const handleSelectNode = (event, nodeId) => {
+    selectNode(nodeId);
+  };
+  const selectNode = (nodeId) => {
+    if (selectedNode !== nodeId) {
+      setSelectedNode(nodeId);
+      setLogs(allReports.current[nodeId].getAllLogs());
+      setHighlightedReportId(null);
+    }
+  };
+  const isHighlighted = useMemo(
+    () => ({
+      isHighlighted: (reportId) => highlightedReportId === reportId
+    }),
+    [highlightedReportId]
+  );
+  const onRowClick = (data) => {
+    setExpandedNodes((previouslyExpandedNodes) => {
+      var _a;
+      let nodesToExpand = [];
+      let reportId = data.reportId;
+      while ((_a = allReports.current[reportId]) == null ? void 0 : _a.parentReportId) {
+        let parentReportId = allReports.current[reportId].parentReportId;
+        if (!previouslyExpandedNodes.includes(parentReportId)) {
+          nodesToExpand.push(parentReportId);
+        }
+        reportId = parentReportId;
+      }
+      if (nodesToExpand.length > 0) {
+        return nodesToExpand.concat(previouslyExpandedNodes);
+      } else {
+        return previouslyExpandedNodes;
+      }
+    });
+    setHighlightedReportId(data.reportId);
+  };
+  return rootReport.current && /* @__PURE__ */ jsxs(Grid, { container: true, style: { height: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        item: true,
+        xs: 12,
+        sm: 3,
+        style: {
+          height: "95%",
+          borderRight: "1px solid rgba(81, 81, 81, 1)"
+        },
+        children: /* @__PURE__ */ jsx(ReportTreeViewContext.Provider, { value: isHighlighted, children: /* @__PURE__ */ jsx(
+          TreeView,
+          {
+            sx: styles.treeView,
+            defaultCollapseIcon: /* @__PURE__ */ jsx(ArrowDropDown, {}),
+            defaultExpandIcon: /* @__PURE__ */ jsx(ArrowRight, {}),
+            defaultEndIcon: /* @__PURE__ */ jsx("div", { style: { width: 24 } }),
+            onNodeToggle: handleToggleNode,
+            onNodeSelect: handleSelectNode,
+            selected: selectedNode,
+            expanded: expandedNodes,
+            children: treeView.current
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 9, style: { height: "95%" }, children: /* @__PURE__ */ jsx(
+      LogTable,
+      {
+        logs,
+        onRowClick,
+        selectedSeverity,
+        setSelectedSeverity
+      }
+    ) })
+  ] });
+}
+export {
+  ReportViewer as default
+};

package/dist/components/ReportViewerDialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./report-viewer-dialog";

package/dist/components/ReportViewerDialog/report-viewer-dialog.d.ts

@@ -0,0 +1 @@
+export default function ReportViewerDialog(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReportViewerDialog/report-viewer-dialog.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from "@mui/material";
+import { FullscreenExit, Fullscreen } from "@mui/icons-material";
+import { FormattedMessage } from "react-intl";
+import ReportViewer from "../ReportViewer/report-viewer.js";
+const styles = {
+  fullScreenIcon: {
+    cursor: "pointer"
+  },
+  paperFullWidth: {
+    height: "100%"
+  }
+};
+function ReportViewerDialog(props) {
+  const { title, open, onClose, jsonReport } = props;
+  const [fullScreen, setFullScreen] = useState(false);
+  const showFullScreen = () => {
+    setFullScreen(true);
+  };
+  const hideFullScreen = () => {
+    setFullScreen(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose,
+      fullScreen,
+      "aria-labelledby": "dialog-title-report",
+      fullWidth: true,
+      maxWidth: "lg",
+      sx: {
+        "& .MuiDialog-paperFullWidth": styles.paperFullWidth
+      },
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+        /* @__PURE__ */ jsx(DialogContent, { dividers: true, children: /* @__PURE__ */ jsx(ReportViewer, { jsonReport }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          fullScreen ? /* @__PURE__ */ jsx(
+            FullscreenExit,
+            {
+              onClick: hideFullScreen,
+              sx: styles.fullScreenIcon
+            }
+          ) : /* @__PURE__ */ jsx(
+            Fullscreen,
+            {
+              onClick: showFullScreen,
+              sx: styles.fullScreenIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: () => onClose(), variant: "text", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "report_viewer/close" }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ReportViewerDialog as default
+};

package/dist/components/SignInCallbackHandler/SignInCallbackHandler.d.ts

@@ -0,0 +1,5 @@
+export default SignInCallbackHandler;
+declare function SignInCallbackHandler({ userManager, handleSignInCallback }: {
+    userManager: any;
+    handleSignInCallback: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignInCallbackHandler/SignInCallbackHandler.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+const SignInCallbackHandler = ({ userManager, handleSignInCallback }) => {
+  useEffect(() => {
+    if (userManager !== null) {
+      handleSignInCallback();
+    }
+  }, [userManager, handleSignInCallback]);
+  return /* @__PURE__ */ jsx("h1", { children: " " });
+};
+export {
+  SignInCallbackHandler as default
+};

package/dist/components/SignInCallbackHandler/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SignInCallbackHandler";

package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.d.ts

@@ -0,0 +1,5 @@
+export default SilentRenewCallbackHandler;
+declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback, }: {
+    userManager: any;
+    handleSilentRenewCallback: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+const SilentRenewCallbackHandler = ({
+  userManager,
+  handleSilentRenewCallback
+}) => {
+  useEffect(() => {
+    if (userManager !== null) {
+      handleSilentRenewCallback();
+    }
+  }, [userManager, handleSilentRenewCallback]);
+  return /* @__PURE__ */ jsx("h1", { children: "Technical token renew window, you should not see this" });
+};
+export {
+  SilentRenewCallbackHandler as default
+};

package/dist/components/SilentRenewCallbackHandler/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SilentRenewCallbackHandler";

package/dist/components/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,3 @@
+export default SnackbarProvider;
+declare const SnackbarProvider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/SnackbarProvider/SnackbarProvider.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import React, { useRef } from "react";
+import { Button } from "@mui/material";
+import { SnackbarProvider as SnackbarProvider$1 } from "notistack";
+const SnackbarProvider = React.forwardRef((props, ref) => {
+  const innerRef = useRef();
+  const notistackRef = ref || innerRef;
+  return /* @__PURE__ */ jsx(
+    SnackbarProvider$1,
+    {
+      ref: notistackRef,
+      anchorOrigin: { horizontal: "center", vertical: "bottom" },
+      hideIconVariant: true,
+      action: (key) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => notistackRef.current.closeSnackbar(key),
+          style: { color: "#fff", fontSize: "20px" },
+          children: "✖"
+        }
+      ),
+      ...props
+    }
+  );
+});
+export {
+  SnackbarProvider as default
+};

package/dist/components/SnackbarProvider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SnackbarProvider";

package/dist/components/TopBar/AboutDialog.d.ts

@@ -0,0 +1,24 @@
+export default AboutDialog;
+declare function AboutDialog({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, }: {
+    open: any;
+    onClose: any;
+    globalVersionPromise: any;
+    appName: any;
+    appVersion: any;
+    appGitTag: any;
+    appLicense: any;
+    additionalModulesPromise: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AboutDialog {
+    namespace propTypes {
+        const open: PropTypes.Validator<boolean>;
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const appName: PropTypes.Validator<string>;
+        const appVersion: PropTypes.Requireable<string>;
+        const appGitTag: PropTypes.Requireable<string>;
+        const appLicense: PropTypes.Requireable<string>;
+        const globalVersionPromise: PropTypes.Requireable<(...args: any[]) => any>;
+        const additionalModulesPromise: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';