@gridsuite/commons-ui 0.46.0 → 0.48.0

package/es/components/TopBar/AboutDialog.js

@@ -1,456 +0,0 @@
-/**
- * Copyright (c) 2023, 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, useState } from 'react';
-import { Accordion, AccordionDetails, AccordionSummary, Alert, Box, Button, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Fade, Grid, Stack, Tooltip, tooltipClasses, Typography, useMediaQuery, useTheme, Zoom } from '@mui/material';
-import { LoadingButton } from '@mui/lab';
-import { Apps, DnsOutlined, ExpandMore, Gavel, QuestionMark, Refresh, WidgetsOutlined } from '@mui/icons-material';
-import { FormattedMessage } from 'react-intl';
-import PropTypes from 'prop-types';
-import { LogoText } from './GridLogo';
-var styles = {
-  general: {
-    '.MuiAccordion-root': {
-      //dunno why the theme has the background as black in dark mode
-      bgcolor: 'unset'
-    }
-  },
-  mainSection: {
-    height: '5em'
-  },
-  logoSection: {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  mainInfos: {
-    textAlign: 'center',
-    marginTop: 0
-  },
-  versionField: function versionField(isUnknown) {
-    return isUnknown ? {
-      fontSize: '1.5em',
-      fontWeight: 'bold'
-    } : {
-      fontStyle: 'italic'
-    };
-  },
-  detailsSection: {
-    '.MuiAccordionSummary-content > .MuiSvgIcon-root': {
-      marginRight: '0.5rem'
-    }
-  }
-};
-function getGlobalVersion(fnPromise, type, setData, setLoader) {
-  if (fnPromise) {
-    console.debug('Getting', type, 'global version...');
-    return new Promise(function (resolve, reject) {
-      if (setLoader) {
-        setLoader(true);
-      }
-      resolve();
-    }).then(function () {
-      return fnPromise();
-    }).then(function (value) {
-      console.debug(type, 'global version is', value);
-      setData(value !== null && value !== void 0 ? value : null);
-    }, function (reason) {
-      console.debug(type, "global version isn't available", reason);
-      setData(null);
-    })["finally"](function () {
-      if (setLoader) {
-        setLoader(false);
-      }
-    });
-  } else {
-    console.debug('No getter for global version');
-    setData(null);
-  }
-}
-var moduleTypeSort = {
-  app: 1,
-  server: 10,
-  other: 20
-};
-function compareModules(c1, c2) {
-  //sort by type then by name
-  return [moduleTypeSort[c1.type] || 100] - [moduleTypeSort[c2.type] || 100] || (c1.name || '').localeCompare(c2.name || '');
-}
-var AboutDialog = function AboutDialog(_ref) {
-  var open = _ref.open,
-    onClose = _ref.onClose,
-    globalVersionPromise = _ref.globalVersionPromise,
-    appName = _ref.appName,
-    appVersion = _ref.appVersion,
-    appGitTag = _ref.appGitTag,
-    appLicense = _ref.appLicense,
-    additionalModulesPromise = _ref.additionalModulesPromise;
-  var theme = useTheme();
-  var _useState = useState(false),
-    isRefreshing = _useState[0],
-    setRefreshState = _useState[1];
-  var _useState2 = useState(false),
-    loadingGlobalVersion = _useState2[0],
-    setLoadingGlobalVersion = _useState2[1];
-  var _useState3 = useState(false),
-    showGlobalVersion = _useState3[0],
-    setShowGlobalVersion = _useState3[1];
-
-  /* We want to get the initial version once at first render to detect later a new deploy */
-  var _useState4 = useState(undefined),
-    initialGlobalVersion = _useState4[0],
-    setInitialGlobalVersion = _useState4[1];
-  useEffect(function () {
-    if (initialGlobalVersion === undefined) {
-      getGlobalVersion(globalVersionPromise, 'Initial', setInitialGlobalVersion, undefined);
-    }
-  }, [globalVersionPromise, initialGlobalVersion]);
-  var _useState5 = useState(null),
-    actualGlobalVersion = _useState5[0],
-    setActualGlobalVersion = _useState5[1];
-  useEffect(function () {
-    if (open) {
-      getGlobalVersion(globalVersionPromise, 'Actual', setActualGlobalVersion, function (loading) {
-        setLoadingGlobalVersion(loading);
-        setShowGlobalVersion(false);
-      });
-    }
-  }, [open, globalVersionPromise]);
-  var _useState6 = useState(false),
-    loadingAdditionalModules = _useState6[0],
-    setLoadingAdditionalModules = _useState6[1];
-  var _useState7 = useState(null),
-    modules = _useState7[0],
-    setModules = _useState7[1];
-  useEffect(function () {
-    if (open) {
-      var currentApp = {
-        name: "Grid" + appName,
-        type: 'app',
-        version: appVersion,
-        gitTag: appGitTag,
-        license: appLicense
-      };
-      (additionalModulesPromise ? Promise.resolve(setLoadingAdditionalModules(true)).then(function () {
-        return additionalModulesPromise();
-      }) : Promise.reject(new Error('no getter'))).then(function (values) {
-        return Array.isArray(values) ? values : [];
-      }, function (reason) {
-        return [];
-      }).then(function (values) {
-        setModules([currentApp].concat(values));
-      })["finally"](function () {
-        return setLoadingAdditionalModules(false);
-      });
-    }
-  }, [open, additionalModulesPromise, appName, appVersion, appGitTag, appLicense]);
-  var handleClose = useCallback(function () {
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    onClose: handleClose,
-    open: open,
-    fullWidth: true,
-    maxWidth: "md",
-    fullScreen: useMediaQuery(theme.breakpoints.down('md')),
-    sx: styles.general,
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description",
-    TransitionProps: {
-      onExited: function onExited(node) {
-        setModules(null);
-        setActualGlobalVersion(null);
-      }
-    }
-  }, /*#__PURE__*/React.createElement(DialogTitle, {
-    id: "alert-dialog-title"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: 'about-dialog/title'
-  }), initialGlobalVersion !== undefined && initialGlobalVersion !== null && actualGlobalVersion !== null && initialGlobalVersion !== actualGlobalVersion && /*#__PURE__*/React.createElement(Collapse, {
-    "in": open
-  }, /*#__PURE__*/React.createElement(Alert, {
-    severity: "warning",
-    variant: "outlined",
-    action: /*#__PURE__*/React.createElement(LoadingButton, {
-      color: "inherit",
-      size: "small",
-      startIcon: /*#__PURE__*/React.createElement(Refresh, {
-        fontSize: "small"
-      }),
-      loadingPosition: "start",
-      loading: isRefreshing,
-      onClick: function onClick() {
-        setRefreshState(true);
-        window.location.reload();
-      }
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "refresh"
-    })),
-    sx: {
-      marginBottom: 2
-    }
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "about-dialog/alert-running-old-version-msg"
-  }))), /*#__PURE__*/React.createElement(Box, {
-    sx: styles.mainSection
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: styles.logoSection
-  }, /*#__PURE__*/React.createElement(LogoText, {
-    appName: "Suite",
-    appColor: theme.palette.grey['500']
-  })), /*#__PURE__*/React.createElement(Box, {
-    sx: styles.mainInfos
-  }, /*#__PURE__*/React.createElement(Fade, {
-    "in": loadingGlobalVersion,
-    appear: true,
-    unmountOnExit: true,
-    onExited: function onExited(node) {
-      return setShowGlobalVersion(true);
-    }
-  }, /*#__PURE__*/React.createElement(CircularProgress, null)), showGlobalVersion && /*#__PURE__*/React.createElement(Typography, null, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "about-dialog/version",
-    defaultMessage: "Version {version}",
-    values: {
-      version: /*#__PURE__*/React.createElement(Typography, {
-        component: "span",
-        sx: styles.versionField(!loadingGlobalVersion && actualGlobalVersion)
-      }, actualGlobalVersion || 'unknown')
-    }
-  }))))), /*#__PURE__*/React.createElement(DialogContent, {
-    id: "alert-dialog-description"
-  }, /*#__PURE__*/React.createElement(Box, {
-    sx: styles.detailsSection
-  }, /*#__PURE__*/React.createElement(Accordion, {
-    disableGutters: true,
-    variant: "outlined",
-    disabled: true,
-    sx: {
-      display: 'none'
-    }
-  }, /*#__PURE__*/React.createElement(AccordionSummary, {
-    expandIcon: /*#__PURE__*/React.createElement(ExpandMore, null),
-    "aria-controls": "panel1-content",
-    id: "panel1-header"
-  }, /*#__PURE__*/React.createElement(Gavel, {
-    fontSize: "small"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      width: '33%',
-      flexShrink: 0
-    }
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "about-dialog/license"
-  })), /*#__PURE__*/React.createElement(Typography, {
-    sx: {
-      color: 'text.secondary'
-    }
-  }, appLicense)), /*#__PURE__*/React.createElement(AccordionDetails, null, "license app summary text")), /*#__PURE__*/React.createElement(Accordion, {
-    disableGutters: true,
-    variant: "outlined",
-    TransitionProps: {
-      unmountOnExit: true
-    }
-  }, /*#__PURE__*/React.createElement(AccordionSummary, {
-    expandIcon: /*#__PURE__*/React.createElement(ExpandMore, null),
-    "aria-controls": "panel2-content",
-    id: "panel2-header"
-  }, /*#__PURE__*/React.createElement(Apps, {
-    fontSize: "small"
-  }), /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "about-dialog/modules-section"
-  })), /*#__PURE__*/React.createElement(AccordionDetails, null, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    sx: {
-      pl: 2
-    },
-    spacing: 1
-  }, loadingAdditionalModules ? /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: true,
-    display: "inline-flex",
-    justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(CircularProgress, {
-    color: "inherit"
-  })) : Array.isArray(modules) && /*#__PURE__*/React.createElement(React.Fragment, null, [].concat(modules).sort(compareModules).map(function (module, idx) {
-    return /*#__PURE__*/React.createElement(Module, {
-      key: "module-" + idx,
-      type: module.type,
-      name: module.name,
-      version: module.version,
-      gitTag: module.gitTag,
-      license: module.license
-    });
-  })) || /*#__PURE__*/React.createElement(Typography, {
-    color: function color(theme) {
-      return theme.palette.error.main;
-    }
-  }, "Error")))))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: handleClose,
-    autoFocus: true
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "close"
-  }))));
-};
-export default AboutDialog;
-AboutDialog.propTypes = process.env.NODE_ENV !== "production" ? {
-  open: PropTypes.bool.isRequired,
-  onClose: PropTypes.func,
-  appName: PropTypes.string.isRequired,
-  appVersion: PropTypes.string,
-  appGitTag: PropTypes.string,
-  appLicense: PropTypes.string,
-  globalVersionPromise: PropTypes.func,
-  additionalModulesPromise: PropTypes.func
-} : {};
-var moduleStyles = {
-  icons: {
-    flexGrow: 0,
-    position: 'relative',
-    top: '4px',
-    flexShrink: 0
-  },
-  version: {
-    flexGrow: 0,
-    alignSelf: 'flex-end',
-    flexShrink: 0
-  },
-  tooltip: function tooltip(theme) {
-    var _ref2;
-    return _ref2 = {}, _ref2["& ." + tooltipClasses.tooltip] = {
-      border: '1px solid #dadde9',
-      boxShadow: theme.shadows[1]
-    }, _ref2;
-  },
-  tooltipDetails: {
-    display: 'grid',
-    gridTemplateColumns: 'max-content auto',
-    margin: 0,
-    dt: {
-      gridColumnStart: 1,
-      '&:after': {
-        content: '" :"'
-      }
-    },
-    dd: {
-      gridColumnStart: 2,
-      paddingLeft: '0.5em'
-    }
-  }
-};
-var ModuleTypesIcons = {
-  app: /*#__PURE__*/React.createElement(WidgetsOutlined, {
-    sx: moduleStyles.icons,
-    fontSize: "small",
-    color: "primary"
-  }),
-  server: /*#__PURE__*/React.createElement(DnsOutlined, {
-    sx: moduleStyles.icons,
-    fontSize: "small",
-    color: "secondary"
-  }),
-  other: /*#__PURE__*/React.createElement(QuestionMark, {
-    sx: moduleStyles.icons,
-    fontSize: "small"
-  })
-};
-function insensitiveCaseCompare(str, obj) {
-  return str.localeCompare(obj, undefined, {
-    sensitivity: 'base'
-  });
-}
-function tooltipTypeLabel(type) {
-  if (insensitiveCaseCompare('app', type) === 0) {
-    return 'about-dialog/module-tooltip-app';
-  } else if (insensitiveCaseCompare('server', type) === 0) {
-    return 'about-dialog/module-tooltip-server';
-  } else {
-    return 'about-dialog/module-tooltip-other';
-  }
-}
-var Module = function Module(_ref3) {
-  var type = _ref3.type,
-    name = _ref3.name,
-    version = _ref3.version,
-    gitTag = _ref3.gitTag,
-    license = _ref3.license;
-  return /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6,
-    md: 4,
-    sx: {
-      '.MuiTypography-root': {
-        minWidth: '3em'
-      }
-    }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    TransitionComponent: Zoom,
-    enterDelay: 2500,
-    enterNextDelay: 350,
-    leaveDelay: 200,
-    placement: "bottom-start",
-    arrow: true,
-    sx: moduleStyles.tooltip,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1"
-    }, name || '<?>'), /*#__PURE__*/React.createElement(Box, {
-      component: "dl",
-      sx: moduleStyles.tooltipDetails
-    }, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dt"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "about-dialog/label-type"
-    })), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dd"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: tooltipTypeLabel(type)
-    })), version && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dt"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "about-dialog/label-version"
-    })), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dd"
-    }, version)), gitTag && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dt"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "about-dialog/label-git-version"
-    })), /*#__PURE__*/React.createElement(Typography, {
-      variant: "body2",
-      component: "dd"
-    }, gitTag))))
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: "row",
-    justifyContent: "flex-start",
-    alignItems: "baseline",
-    spacing: 1
-  }, ModuleTypesIcons[type] || ModuleTypesIcons['other'], /*#__PURE__*/React.createElement(Typography, {
-    display: "inline",
-    noWrap: true
-  }, name || '<?>'), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    color: function color(theme) {
-      return theme.palette.text.secondary;
-    },
-    display: "inline",
-    noWrap: true,
-    sx: moduleStyles.version
-  }, gitTag || version || null))));
-};
-Module.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.string,
-  name: PropTypes.string,
-  version: PropTypes.string,
-  gitTag: PropTypes.string,
-  license: PropTypes.string
-} : {};

package/es/components/TopBar/GridLogo.js

@@ -1,73 +0,0 @@
-/**
- * Copyright (c) 2023, 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 from 'react';
-import { Box, Typography } from '@mui/material';
-import { BrokenImage } from '@mui/icons-material';
-import { mergeSx } from '../../utils/styles';
-import PropTypes from 'prop-types';
-var styles = {
-  logo: {
-    flexShrink: 0,
-    width: 48,
-    height: 48,
-    marginBottom: '8px'
-  },
-  title: {
-    marginLeft: '18px'
-  },
-  clickable: {
-    cursor: 'pointer'
-  }
-};
-var GridLogo = function GridLogo(_ref) {
-  var appLogo = _ref.appLogo,
-    appName = _ref.appName,
-    appColor = _ref.appColor,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
-    sx: mergeSx(styles.logo, onClick && styles.clickable),
-    onClick: onClick
-  }, appLogo || /*#__PURE__*/React.createElement(BrokenImage, null)), /*#__PURE__*/React.createElement(LogoText, {
-    appName: appName,
-    appColor: appColor,
-    onClick: onClick,
-    style: styles.title
-  }));
-};
-export default GridLogo;
-GridLogo.propTypes = process.env.NODE_ENV !== "production" ? {
-  appLogo: PropTypes.element,
-  appName: PropTypes.string.isRequired,
-  appColor: PropTypes.string.isRequired,
-  onClick: PropTypes.func
-} : {};
-export var LogoText = function LogoText(_ref2) {
-  var appName = _ref2.appName,
-    appColor = _ref2.appColor,
-    style = _ref2.style,
-    onClick = _ref2.onClick;
-  return /*#__PURE__*/React.createElement(Typography, {
-    variant: "h4",
-    sx: mergeSx(style, onClick && styles.clickable),
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontWeight: 'bold'
-    }
-  }, "Grid"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: appColor
-    }
-  }, appName));
-};
-LogoText.propTypes = process.env.NODE_ENV !== "production" ? {
-  appName: PropTypes.string.isRequired,
-  appColor: PropTypes.string.isRequired,
-  style: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-  onClick: PropTypes.func
-} : {};