@gridsuite/commons-ui 0.64.6 → 0.65.0

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

@@ -1,100 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { Box, Typography } from "@mui/material";
-import { styled, alpha } from "@mui/system";
-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)
-  })
-};
-function ReportItem(props) {
-  const { nodeId } = props;
-  const { isHighlighted } = useContext(ReportTreeViewContext);
-  const highlighted = isHighlighted ? isHighlighted(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
-    }
-  );
-}
-const ReportItem$1 = styled(ReportItem)({});
-export {
-  ReportItem$1 as default
-};

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

@@ -1,12 +0,0 @@
-/**
- * Copyright (c) 2022, RTE (http://www.rte-france.com)
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- */
-/// <reference types="react" />
-export interface ReportTreeViewContextProps {
-    isHighlighted?: (nodeId: string) => boolean;
-}
-declare const ReportTreeViewContext: import('react').Context<ReportTreeViewContextProps>;
-export default ReportTreeViewContext;

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

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-import { Report } from './report.type';
-
-export interface ReportViewerProps {
-    jsonReport: Report;
-    maxSubReports?: number;
-}
-export default function ReportViewer({ jsonReport, maxSubReports }: ReportViewerProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,154 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useMemo, useCallback, useEffect } from "react";
-import { ArrowDropDown, ArrowRight } from "@mui/icons-material";
-import { Grid } from "@mui/material";
-import { TreeView } from "@mui/x-tree-view";
-import ReportItem from "./report-item.js";
-import LogReport from "./log-report.js";
-import LogTable from "./log-table.js";
-import ReportTreeViewContext from "./report-tree-view-context.js";
-import { LogSeverities } from "./log-severity.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([]);
-  const [highlightedReportId, setHighlightedReportId] = useState();
-  const rootReport = useRef(null);
-  const allReports = useRef({});
-  const treeView = useRef(null);
-  const defaultSeverityFilter = useMemo(() => {
-    const filterConfig = {};
-    Object.values(LogSeverities).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);
-    const 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();
-    const iconClicked = event.target.closest(".MuiTreeItem-iconContainer");
-    if (iconClicked) {
-      setExpandedNodes(nodeIds);
-    }
-  };
-  const selectNode = (nodeId) => {
-    if (selectedNode !== nodeId) {
-      setSelectedNode(nodeId);
-      setLogs(allReports.current[nodeId].getAllLogs());
-      setHighlightedReportId(null);
-    }
-  };
-  const handleSelectNode = (event, nodeId) => {
-    selectNode(nodeId);
-  };
-  const isHighlighted = useMemo(
-    () => ({
-      isHighlighted: (reportId) => highlightedReportId === reportId
-    }),
-    [highlightedReportId]
-  );
-  const onRowClick = (data) => {
-    setExpandedNodes((previouslyExpandedNodes) => {
-      var _a;
-      const nodesToExpand = [];
-      let { reportId } = data;
-      while ((_a = allReports.current[reportId]) == null ? void 0 : _a.parentReportId) {
-        const { parentReportId } = allReports.current[reportId];
-        if (parentReportId !== void 0) {
-          if (!previouslyExpandedNodes.includes(parentReportId)) {
-            nodesToExpand.push(parentReportId);
-          }
-          reportId = parentReportId;
-        }
-      }
-      if (nodesToExpand.length > 0) {
-        return nodesToExpand.concat(previouslyExpandedNodes);
-      }
-      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/ReportViewer/report.type.d.ts

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) 2024, RTE (http://www.rte-france.com)
- * This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/.
- */
-export interface Report {
-    taskKey: string;
-    defaultName: string;
-    taskValues: Record<string, ReportValue>;
-    subReporters: Report[];
-    reports: SubReport[];
-}
-export interface SubReport {
-    reportKey: string;
-    defaultMessage: string;
-    values: Record<string, ReportValue>;
-}
-export interface ReportValue {
-    value: string | number;
-    type: unknown;
-}

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

@@ -1,4 +0,0 @@
-import { default as defaultReportViewerDialog } from './report-viewer-dialog';
-
-export default defaultReportViewerDialog;
-export type { ReportViewerDialogProps } from './report-viewer-dialog';

package/dist/components/ReportViewerDialog/index.js

@@ -1,4 +0,0 @@
-import ReportViewerDialog from "./report-viewer-dialog.js";
-export {
-  ReportViewerDialog as default
-};

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

@@ -1,9 +0,0 @@
-import { Report } from '../ReportViewer/report.type';
-
-export interface ReportViewerDialogProps {
-    title: string;
-    open: boolean;
-    onClose: () => void;
-    jsonReport: Report;
-}
-export default function ReportViewerDialog(props: ReportViewerDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,49 +0,0 @@
-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/index.d.ts

@@ -1,3 +0,0 @@
-import { default as defaultSignInCallbackHandler } from './SignInCallbackHandler';
-
-export default defaultSignInCallbackHandler;

package/dist/components/SignInCallbackHandler/index.js

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

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

@@ -1,3 +0,0 @@
-import { default as defaultSilentRenewCallbackHandler } from './SilentRenewCallbackHandler';
-
-export default defaultSilentRenewCallbackHandler;

package/dist/components/SilentRenewCallbackHandler/index.js

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

package/dist/utils/Metadata.js

@@ -1 +0,0 @@
-