@gridsuite/commons-ui 0.45.0 → 0.47.0

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

@@ -1,131 +0,0 @@
-var _excluded = ["labelText", "labelIconColor", "className"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Copyright (c) 2021, 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/.
- */
-
-import React, { useContext } from 'react';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/system';
-import PropTypes from 'prop-types';
-import TreeItem from '@mui/lab/TreeItem';
-import Typography from '@mui/material/Typography';
-import Label from '@mui/icons-material/Label';
-import ReportTreeViewContext from './report-tree-view-context';
-import { alpha } from '@mui/system';
-var styles = {
-  root: function root(theme) {
-    return {
-      color: theme.palette.text.secondary,
-      '&:hover > .MuiTreeItem-content': {
-        backgroundColor: theme.palette.action.hover
-      }
-    };
-  },
-  content: function content(theme) {
-    return {
-      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: function group(theme) {
-    return {
-      marginLeft: '10px',
-      '& .MuiTreeItem-content': {
-        paddingLeft: theme.spacing(2)
-      }
-    };
-  },
-  expanded: {},
-  selected: {},
-  label: {
-    fontWeight: 'inherit',
-    color: 'inherit'
-  },
-  labelRoot: function labelRoot(theme) {
-    return {
-      display: 'flex',
-      alignItems: 'center',
-      padding: theme.spacing(0.5, 0)
-    };
-  },
-  labelRootHighlighted: function labelRootHighlighted(theme) {
-    return {
-      display: 'flex',
-      alignItems: 'center',
-      padding: theme.spacing(0.5, 0),
-      backgroundColor: theme.palette.action.selected
-    };
-  },
-  labelIcon: function labelIcon(theme) {
-    return {
-      marginRight: theme.spacing(1)
-    };
-  },
-  labelText: function labelText(theme) {
-    return {
-      fontWeight: 'inherit',
-      marginRight: theme.spacing(2)
-    };
-  }
-};
-var ReportItem = function ReportItem(props) {
-  // using a context because TreeItem uses useMemo on this. See report-viewer.js for the provider
-  var _useContext = useContext(ReportTreeViewContext),
-    isHighlighted = _useContext.isHighlighted;
-  var highlighted = isHighlighted ? isHighlighted(props.nodeId) : false;
-  var labelText = props.labelText,
-    labelIconColor = props.labelIconColor,
-    className = props.className,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/React.createElement(TreeItem, _extends({
-    className: 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__*/React.createElement(Box, {
-      sx: highlighted ? styles.labelRootHighlighted : styles.labelRoot
-    }, /*#__PURE__*/React.createElement(Label, {
-      htmlColor: labelIconColor,
-      sx: styles.labelIcon
-    }), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      sx: styles.labelText
-    }, labelText))
-  }, other));
-};
-ReportItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  bgColor: PropTypes.string,
-  color: PropTypes.string,
-  labelInfo: PropTypes.string,
-  labelText: PropTypes.string.isRequired
-} : {};
-export default styled(ReportItem)({});

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

@@ -1,13 +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/.
- */
-
-import { createContext } from 'react';
-var ReportTreeViewContext = createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ReportTreeViewContext.displayName = 'ReportTreeViewContext';
-}
-export default ReportTreeViewContext;

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

@@ -1,167 +0,0 @@
-/**
- * Copyright (c) 2021, 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/.
- */
-
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import TreeView from '@mui/lab/TreeView';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ArrowRightIcon from '@mui/icons-material/ArrowRight';
-import ReportItem from './report-item';
-import LogReport from './log-report';
-import Grid from '@mui/material/Grid';
-import LogTable from './log-table';
-import ReportTreeViewContext from './report-tree-view-context';
-import LogReportItem from './log-report-item';
-var MAX_SUB_REPORTS = 500;
-var styles = {
-  treeView: {
-    height: '100%',
-    overflow: 'scroll'
-  },
-  treeItem: {
-    whiteSpace: 'nowrap'
-  }
-};
-export default function ReportViewer(_ref) {
-  var jsonReport = _ref.jsonReport,
-    _ref$maxSubReports = _ref.maxSubReports,
-    maxSubReports = _ref$maxSubReports === void 0 ? MAX_SUB_REPORTS : _ref$maxSubReports;
-  var _useState = useState(null),
-    selectedNode = _useState[0],
-    setSelectedNode = _useState[1];
-  var _useState2 = useState([]),
-    expandedNodes = _useState2[0],
-    setExpandedNodes = _useState2[1];
-  var _useState3 = useState(null),
-    logs = _useState3[0],
-    setLogs = _useState3[1];
-  var _useState4 = useState(),
-    highlightedReportId = _useState4[0],
-    setHighlightedReportId = _useState4[1];
-  var rootReport = useRef(null);
-  var allReports = useRef({});
-  var treeView = useRef(null);
-  var defaultSeverityFilter = useMemo(function () {
-    var filterConfig = {};
-    Object.values(LogReportItem.SEVERITY).forEach(function (severity) {
-      filterConfig[severity.name] = true;
-    });
-    return filterConfig;
-  }, []);
-  var _useState5 = useState(defaultSeverityFilter),
-    selectedSeverity = _useState5[0],
-    setSelectedSeverity = _useState5[1];
-  var createReporterItem = useCallback(function (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__*/React.createElement(ReportItem, {
-      labelText: logReport.getTitle(),
-      labelIconColor: logReport.getHighestSeverity().colorName,
-      key: logReport.getId().toString(),
-      sx: styles.treeItem,
-      nodeId: logReport.getId().toString()
-    }, logReport.getSubReports().slice(0, maxSubReports).map(function (value) {
-      return createReporterItem(value);
-    }));
-  }, [maxSubReports]);
-  useEffect(function () {
-    rootReport.current = new LogReport(jsonReport);
-    var rootId = rootReport.current.getId().toString();
-    treeView.current = createReporterItem(rootReport.current);
-    setSelectedNode(rootId);
-    setExpandedNodes([rootId]);
-    setLogs(rootReport.current.getAllLogs());
-  }, [jsonReport, createReporterItem]);
-  var handleToggleNode = function handleToggleNode(event, nodeIds) {
-    event.persist();
-    var iconClicked = event.target.closest('.MuiTreeItem-iconContainer');
-    if (iconClicked) {
-      setExpandedNodes(nodeIds);
-    }
-  };
-  var handleSelectNode = function handleSelectNode(event, nodeId) {
-    selectNode(nodeId);
-  };
-  var selectNode = function selectNode(nodeId) {
-    if (selectedNode !== nodeId) {
-      setSelectedNode(nodeId);
-      setLogs(allReports.current[nodeId].getAllLogs());
-      setHighlightedReportId(null);
-    }
-  };
-
-  // The MUI TreeView/TreeItems use useMemo on our items, so it's important to avoid changing the context
-  var isHighlighted = useMemo(function () {
-    return {
-      isHighlighted: function isHighlighted(reportId) {
-        return highlightedReportId === reportId;
-      }
-    };
-  }, [highlightedReportId]);
-  var onRowClick = function onRowClick(data) {
-    setExpandedNodes(function (previouslyExpandedNodes) {
-      var nodesToExpand = [];
-      var reportId = data.reportId;
-      while ((_allReports$current$r = allReports.current[reportId]) === null || _allReports$current$r === void 0 ? void 0 : _allReports$current$r.parentReportId) {
-        var _allReports$current$r;
-        var 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__*/React.createElement(Grid, {
-    container: true,
-    style: {
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 3,
-    style: {
-      height: '95%',
-      borderRight: '1px solid rgba(81, 81, 81, 1)'
-    }
-  }, /*#__PURE__*/React.createElement(ReportTreeViewContext.Provider, {
-    value: isHighlighted
-  }, /*#__PURE__*/React.createElement(TreeView, {
-    sx: styles.treeView,
-    defaultCollapseIcon: /*#__PURE__*/React.createElement(ArrowDropDownIcon, null),
-    defaultExpandIcon: /*#__PURE__*/React.createElement(ArrowRightIcon, null),
-    defaultEndIcon: /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 24
-      }
-    }),
-    onNodeToggle: handleToggleNode,
-    onNodeSelect: handleSelectNode,
-    selected: selectedNode,
-    expanded: expandedNodes
-  }, treeView.current))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 9,
-    style: {
-      height: '95%'
-    }
-  }, /*#__PURE__*/React.createElement(LogTable, {
-    logs: logs,
-    onRowClick: onRowClick,
-    selectedSeverity: selectedSeverity,
-    setSelectedSeverity: setSelectedSeverity
-  })));
-}

package/es/components/ReportViewerDialog/index.js

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2021, 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 { default } from './report-viewer-dialog';

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

@@ -1,67 +0,0 @@
-/**
- * Copyright (c) 2021, 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/.
- */
-
-import React, { useState } from 'react';
-import DialogTitle from '@mui/material/DialogTitle';
-import DialogActions from '@mui/material/DialogActions';
-import Button from '@mui/material/Button';
-import FullscreenIcon from '@mui/icons-material/Fullscreen';
-import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
-import { FormattedMessage } from 'react-intl';
-import { Dialog, DialogContent } from '@mui/material';
-import ReportViewer from '../ReportViewer';
-var styles = {
-  fullScreenIcon: {
-    cursor: 'pointer'
-  },
-  paperFullWidth: {
-    height: '100%'
-  }
-};
-export default function ReportViewerDialog(props) {
-  var title = props.title,
-    open = props.open,
-    onClose = props.onClose,
-    jsonReport = props.jsonReport;
-  var _useState = useState(false),
-    fullScreen = _useState[0],
-    setFullScreen = _useState[1];
-  var showFullScreen = function showFullScreen() {
-    setFullScreen(true);
-  };
-  var hideFullScreen = function hideFullScreen() {
-    setFullScreen(false);
-  };
-  return /*#__PURE__*/React.createElement(Dialog, {
-    open: open,
-    onClose: onClose,
-    fullScreen: fullScreen,
-    "aria-labelledby": "dialog-title-report",
-    fullWidth: true,
-    maxWidth: "lg",
-    sx: {
-      '& .MuiDialog-paperFullWidth': styles.paperFullWidth
-    }
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, title), /*#__PURE__*/React.createElement(DialogContent, {
-    dividers: true
-  }, /*#__PURE__*/React.createElement(ReportViewer, {
-    jsonReport: jsonReport
-  })), /*#__PURE__*/React.createElement(DialogActions, null, fullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
-    onClick: hideFullScreen,
-    sx: styles.fullScreenIcon
-  }) : /*#__PURE__*/React.createElement(FullscreenIcon, {
-    onClick: showFullScreen,
-    sx: styles.fullScreenIcon
-  }), /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return onClose();
-    },
-    variant: "text"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "report_viewer/close"
-  }))));
-}

package/es/components/SignInCallbackHandler/SignInCallbackHandler.js

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2020, 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/.
- */
-
-import React, { useEffect } from 'react';
-var SignInCallbackHandler = function SignInCallbackHandler(_ref) {
-  var userManager = _ref.userManager,
-    handleSignInCallback = _ref.handleSignInCallback;
-  useEffect(function () {
-    if (userManager !== null) {
-      handleSignInCallback();
-    }
-  }, [userManager, handleSignInCallback]);
-  return /*#__PURE__*/React.createElement("h1", null, " ");
-};
-export default SignInCallbackHandler;

package/es/components/SignInCallbackHandler/index.js

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2020, 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 { default } from './SignInCallbackHandler';

package/es/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2020, 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/.
- */
-
-import React, { useEffect } from 'react';
-var SilentRenewCallbackHandler = function SilentRenewCallbackHandler(_ref) {
-  var userManager = _ref.userManager,
-    handleSilentRenewCallback = _ref.handleSilentRenewCallback;
-  useEffect(function () {
-    if (userManager !== null) {
-      handleSilentRenewCallback();
-    }
-  }, [userManager, handleSilentRenewCallback]);
-  return /*#__PURE__*/React.createElement("h1", null, "Technical token renew window, you should not see this");
-};
-export default SilentRenewCallbackHandler;

package/es/components/SilentRenewCallbackHandler/index.js

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2020, 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 { default } from './SilentRenewCallbackHandler';

package/es/components/SnackbarProvider/SnackbarProvider.js

@@ -1,39 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-/**
- * Copyright (c) 2020, 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/.
- */
-
-import React, { useRef } from 'react';
-import Button from '@mui/material/Button';
-import { SnackbarProvider as OrigSnackbarProvider } from 'notistack';
-
-/* A wrapper around notistack's SnackbarProvider that provides defaults props */
-var SnackbarProvider = React.forwardRef(function (props, ref) {
-  // create our own ref and use it if the parent
-  // did not create a ref for us.
-  var innerRef = useRef();
-  var notistackRef = ref || innerRef;
-  return /*#__PURE__*/React.createElement(OrigSnackbarProvider, _extends({
-    ref: notistackRef,
-    anchorOrigin: {
-      horizontal: 'center',
-      vertical: 'bottom'
-    },
-    hideIconVariant: true,
-    action: function action(key) {
-      return /*#__PURE__*/React.createElement(Button, {
-        onClick: function onClick() {
-          return notistackRef.current.closeSnackbar(key);
-        },
-        style: {
-          color: '#fff',
-          fontSize: '20px'
-        }
-      }, "\u2716");
-    }
-  }, props));
-});
-export default SnackbarProvider;

package/es/components/SnackbarProvider/index.js

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2020, 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 { default } from './SnackbarProvider';