@gridsuite/commons-ui 0.46.0 → 0.47.0

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/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.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/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/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
+};