@gridsuite/commons-ui 0.35.0 → 0.35.2

package/{lib → es}/components/ReportViewer/log-table.js

@@ -1,23 +1,15 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-var _system = require("@mui/system");
-var _MuiVirtualizedTable = _interopRequireDefault(require("../MuiVirtualizedTable"));
-var _styles = require("@mui/material/styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * 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, { memo, useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
+import TableCell from '@mui/material/TableCell';
+import { styled } from '@mui/system';
+import MuiVirtualizedTable from '../MuiVirtualizedTable';
+import { useTheme } from '@mui/material/styles';
 var SEVERITY_COLUMN_FIXED_WIDTH = 100;
 var styles = {
   flexContainer: {
@@ -39,17 +31,17 @@ var styles = {
     variant: 'header'
   }
 };
-var VirtualizedTable = (0, _system.styled)(_MuiVirtualizedTable["default"])(styles);
+var VirtualizedTable = styled(MuiVirtualizedTable)(styles);
 var LogTable = function LogTable(_ref) {
   var logs = _ref.logs,
     onRowClick = _ref.onRowClick;
-  var intl = (0, _reactIntl.useIntl)();
-  var theme = (0, _styles.useTheme)();
-  var _useState = (0, _react.useState)(-1),
+  var intl = useIntl();
+  var theme = useTheme();
+  var _useState = useState(-1),
     selectedRowIndex = _useState[0],
     setSelectedRowIndex = _useState[1];
   var severityCellRender = function severityCellRender(cellData) {
-    return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+    return /*#__PURE__*/React.createElement(TableCell, {
       component: "div",
       variant: "body",
       style: {
@@ -105,13 +97,13 @@ var LogTable = function LogTable(_ref) {
       };
     }
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     setSelectedRowIndex(-1);
   }, [logs]);
   return (
     /*#__PURE__*/
     //TODO do we need to useMemo/useCallback these props to avoid rerenders ?
-    _react["default"].createElement(VirtualizedTable, {
+    React.createElement(VirtualizedTable, {
       columns: generateTableColumns(),
       rows: generateTableRows(),
       sortable: false,
@@ -120,6 +112,4 @@ var LogTable = function LogTable(_ref) {
     })
   );
 };
-var _default = (0, _react.memo)(LogTable);
-exports["default"] = _default;
-module.exports = exports.default;
+export default memo(LogTable);

package/{lib → es}/components/ReportViewer/report-item.js

@@ -1,27 +1,22 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _system = require("@mui/system");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Label = _interopRequireDefault(require("@mui/icons-material/Label"));
-var _reportTreeViewContext = _interopRequireDefault(require("./report-tree-view-context"));
 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/.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
+
+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 {
@@ -49,7 +44,7 @@ var styles = {
       // 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: (0, _system.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
+        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'
@@ -99,14 +94,14 @@ var styles = {
 };
 var ReportItem = function ReportItem(props) {
   // using a context because TreeItem uses useMemo on this. See report-viewer.js for the provider
-  var _useContext = (0, _react.useContext)(_reportTreeViewContext["default"]),
+  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["default"].createElement(_TreeItem["default"], _extends({
+  return /*#__PURE__*/React.createElement(TreeItem, _extends({
     className: className,
     sx: {
       '&': styles.root,
@@ -116,23 +111,21 @@ var ReportItem = function ReportItem(props) {
       '& .MuiTreeItem-group': styles.group,
       '& .MuiTreeItem-label': styles.label
     },
-    label: /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    label: /*#__PURE__*/React.createElement(Box, {
       sx: highlighted ? styles.labelRootHighlighted : styles.labelRoot
-    }, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
+    }, /*#__PURE__*/React.createElement(Label, {
       htmlColor: labelIconColor,
       sx: styles.labelIcon
-    }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    }), /*#__PURE__*/React.createElement(Typography, {
       variant: "body2",
       sx: styles.labelText
     }, labelText))
   }, other));
 };
 ReportItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  bgColor: _propTypes["default"].string,
-  color: _propTypes["default"].string,
-  labelInfo: _propTypes["default"].string,
-  labelText: _propTypes["default"].string.isRequired
+  bgColor: PropTypes.string,
+  color: PropTypes.string,
+  labelInfo: PropTypes.string,
+  labelText: PropTypes.string.isRequired
 } : {};
-var _default = (0, _system.styled)(ReportItem)({});
-exports["default"] = _default;
-module.exports = exports.default;
+export default styled(ReportItem)({});

package/{lib → es}/components/ReportViewer/report-tree-view-context.js

@@ -1,8 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = require("react");
 /**
  * Copyright (c) 2022, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
@@ -10,10 +5,9 @@ var _react = require("react");
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-var ReportTreeViewContext = (0, _react.createContext)({});
+import { createContext } from 'react';
+var ReportTreeViewContext = createContext({});
 if (process.env.NODE_ENV !== 'production') {
   ReportTreeViewContext.displayName = 'ReportTreeViewContext';
 }
-var _default = ReportTreeViewContext;
-exports["default"] = _default;
-module.exports = exports.default;
+export default ReportTreeViewContext;

package/{lib → es}/components/ReportViewer/report-viewer.js

@@ -1,19 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = ReportViewer;
-var _react = _interopRequireWildcard(require("react"));
-var _TreeView = _interopRequireDefault(require("@mui/lab/TreeView"));
-var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
-var _reportItem = _interopRequireDefault(require("./report-item"));
-var _logReport = _interopRequireDefault(require("./log-report"));
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _logTable = _interopRequireDefault(require("./log-table"));
-var _reportTreeViewContext = _interopRequireDefault(require("./report-tree-view-context"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * Copyright (c) 2021, RTE (http://www.rte-france.com)
  * This Source Code Form is subject to the terms of the Mozilla Public
@@ -21,6 +5,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * 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';
 var MAX_SUB_REPORTS = 500;
 var styles = {
   treeView: {
@@ -31,31 +24,31 @@ var styles = {
     whiteSpace: 'nowrap'
   }
 };
-function ReportViewer(_ref) {
+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 = (0, _react.useState)(null),
+  var _useState = useState(null),
     selectedNode = _useState[0],
     setSelectedNode = _useState[1];
-  var _useState2 = (0, _react.useState)([]),
+  var _useState2 = useState([]),
     expandedNodes = _useState2[0],
     setExpandedNodes = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = useState(null),
     logs = _useState3[0],
     setLogs = _useState3[1];
-  var _useState4 = (0, _react.useState)(),
+  var _useState4 = useState(),
     highlightedReportId = _useState4[0],
     setHighlightedReportId = _useState4[1];
-  var rootReport = (0, _react.useRef)(null);
-  var allReports = (0, _react.useRef)({});
-  var treeView = (0, _react.useRef)(null);
-  var createReporterItem = (0, _react.useCallback)(function (logReport) {
+  var rootReport = useRef(null);
+  var allReports = useRef({});
+  var treeView = useRef(null);
+  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["default"].createElement(_reportItem["default"], {
+    return /*#__PURE__*/React.createElement(ReportItem, {
       labelText: logReport.getTitle(),
       labelIconColor: logReport.getHighestSeverity().colorName,
       key: logReport.getId().toString(),
@@ -65,8 +58,8 @@ function ReportViewer(_ref) {
       return createReporterItem(value);
     }));
   }, [maxSubReports]);
-  (0, _react.useEffect)(function () {
-    rootReport.current = new _logReport["default"](jsonReport);
+  useEffect(function () {
+    rootReport.current = new LogReport(jsonReport);
     var rootId = rootReport.current.getId().toString();
     treeView.current = createReporterItem(rootReport.current);
     setSelectedNode(rootId);
@@ -92,7 +85,7 @@ function ReportViewer(_ref) {
   };
 
   // The MUI TreeView/TreeItems use useMemo on our items, so it's important to avoid changing the context
-  var isHighlighted = (0, _react.useMemo)(function () {
+  var isHighlighted = useMemo(function () {
     return {
       isHighlighted: function isHighlighted(reportId) {
         return highlightedReportId === reportId;
@@ -119,12 +112,12 @@ function ReportViewer(_ref) {
     });
     setHighlightedReportId(data.reportId);
   };
-  return rootReport.current && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  return rootReport.current && /*#__PURE__*/React.createElement(Grid, {
     container: true,
     style: {
       height: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
     sm: 3,
@@ -132,13 +125,13 @@ function ReportViewer(_ref) {
       height: '95%',
       borderRight: '1px solid rgba(81, 81, 81, 1)'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_reportTreeViewContext["default"].Provider, {
+  }, /*#__PURE__*/React.createElement(ReportTreeViewContext.Provider, {
     value: isHighlighted
-  }, /*#__PURE__*/_react["default"].createElement(_TreeView["default"], {
+  }, /*#__PURE__*/React.createElement(TreeView, {
     sx: styles.treeView,
-    defaultCollapseIcon: /*#__PURE__*/_react["default"].createElement(_ArrowDropDown["default"], null),
-    defaultExpandIcon: /*#__PURE__*/_react["default"].createElement(_ArrowRight["default"], null),
-    defaultEndIcon: /*#__PURE__*/_react["default"].createElement("div", {
+    defaultCollapseIcon: /*#__PURE__*/React.createElement(ArrowDropDownIcon, null),
+    defaultExpandIcon: /*#__PURE__*/React.createElement(ArrowRightIcon, null),
+    defaultEndIcon: /*#__PURE__*/React.createElement("div", {
       style: {
         width: 24
       }
@@ -147,16 +140,15 @@ function ReportViewer(_ref) {
     onNodeSelect: handleSelectNode,
     selected: selectedNode,
     expanded: expandedNodes
-  }, treeView.current))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, treeView.current))), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 12,
     sm: 9,
     style: {
       height: '95%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_logTable["default"], {
+  }, /*#__PURE__*/React.createElement(LogTable, {
     logs: logs,
     onRowClick: onRowClick
   })));
-}
-module.exports = exports.default;
+}

package/es/components/ReportViewerDialog/index.js

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

@@ -0,0 +1,67 @@
+/**
+ * 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

@@ -0,0 +1,19 @@
+/**
+ * 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

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

@@ -0,0 +1,19 @@
+/**
+ * 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

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

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

@@ -0,0 +1,7 @@
+/**
+ * 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';