@gridsuite/commons-ui 0.63.3 → 0.63.5

package/dist/components/OverflowableText/overflowable-text.js

@@ -36,23 +36,16 @@ const OverflowableText = styled(
   }) => {
     var _a, _b, _c, _d;
     const element = useRef();
-    const isMultiLine = useMemo(
-      () => maxLineCount && maxLineCount > 1,
-      [maxLineCount]
-    );
+    const isMultiLine = useMemo(() => maxLineCount && maxLineCount > 1, [maxLineCount]);
     const [overflowed, setOverflowed] = useState(false);
     const checkOverflow = useCallback(() => {
       if (!element.current) {
         return;
       }
       if (isMultiLine) {
-        setOverflowed(
-          element.current.scrollHeight > element.current.clientHeight
-        );
+        setOverflowed(element.current.scrollHeight > element.current.clientHeight);
       } else {
-        setOverflowed(
-          element.current.scrollWidth > element.current.clientWidth
-        );
+        setOverflowed(element.current.scrollWidth > element.current.clientWidth);
       }
     }, [isMultiLine, setOverflowed, element]);
     useLayoutEffect(() => {

package/dist/components/ReportViewer/filter-button.d.ts

@@ -8,4 +8,4 @@ export interface FilterButtonProps {
  * @param {Object}   selectedItems    - It serves as the model and data of the Component each entry must be formatted as a pair of string and boolean. Each key will be displayed and the corresponding boolean is updated in function of its checkbox status
  * @param {Function} setSelectedItems - Setter needed to update the list underlying data
  */
-export declare function FilterButton({ selectedItems, setSelectedItems, }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterButton({ selectedItems, setSelectedItems }: FilterButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReportViewer/filter-button.js

@@ -21,10 +21,7 @@ const styles = {
     height: "0.7em"
   }
 };
-function FilterButton({
-  selectedItems,
-  setSelectedItems
-}) {
+function FilterButton({ selectedItems, setSelectedItems }) {
   const [initialState] = useState(selectedItems);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleClick = (event) => {
@@ -42,9 +39,7 @@ function FilterButton({
     });
   };
   const isInitialStateModified = useMemo(() => {
-    return Object.keys(selectedItems).some(
-      (key) => initialState[key] !== selectedItems[key]
-    );
+    return Object.keys(selectedItems).some((key) => initialState[key] !== selectedItems[key]);
   }, [initialState, selectedItems]);
   return /* @__PURE__ */ jsxs(Box, { sx: styles.container, children: [
     /* @__PURE__ */ jsxs(IconButton, { onClick: handleClick, children: [

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

@@ -5,24 +5,16 @@ class LogReportItem {
     Object.entries(templateValues).forEach(([key, value]) => {
       templateVars[key] = value.value;
     });
-    return templateMessage.replace(
-      /\${([^{}]*)}/g,
-      function resolveTemplate(a, b) {
-        const r = templateVars[b];
-        return typeof r === "string" || typeof r === "number" ? r.toString() : a;
-      }
-    );
+    return templateMessage.replace(/\${([^{}]*)}/g, function resolveTemplate(a, b) {
+      const r = templateVars[b];
+      return typeof r === "string" || typeof r === "number" ? r.toString() : a;
+    });
   }
   constructor(jsonReport, reportId) {
     this.key = jsonReport.reportKey;
-    this.log = LogReportItem.resolveTemplateMessage(
-      jsonReport.defaultMessage,
-      jsonReport.values
-    );
+    this.log = LogReportItem.resolveTemplateMessage(jsonReport.defaultMessage, jsonReport.values);
     this.reportId = reportId;
-    this.severity = LogReportItem.initSeverity(
-      jsonReport.values.reportSeverity
-    );
+    this.severity = LogReportItem.initSeverity(jsonReport.values.reportSeverity);
   }
   getLog() {
     return this.log;
@@ -48,9 +40,7 @@ class LogReportItem {
       return severity;
     }
     Object.values(LogSeverities).some((value) => {
-      const severityFound = jsonSeverity.value.includes(
-        value.name
-      );
+      const severityFound = jsonSeverity.value.includes(value.name);
       if (severityFound) {
         severity = value;
       }

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

@@ -5,10 +5,7 @@ class LogReport {
   constructor(jsonReporter, parentReportId) {
     this.id = v4();
     this.key = jsonReporter.taskKey;
-    this.title = LogReportItem.resolveTemplateMessage(
-      jsonReporter.defaultName,
-      jsonReporter.taskValues
-    );
+    this.title = LogReportItem.resolveTemplateMessage(jsonReporter.defaultName, jsonReporter.taskValues);
     this.subReports = [];
     this.logs = [];
     this.parentReportId = parentReportId;
@@ -27,17 +24,11 @@ class LogReport {
     return this.logs;
   }
   getAllLogs() {
-    return this.getLogs().concat(
-      this.getSubReports().flatMap((r) => r.getAllLogs())
-    );
+    return this.getLogs().concat(this.getSubReports().flatMap((r) => r.getAllLogs()));
   }
   init(jsonReporter) {
-    jsonReporter.subReporters.map(
-      (value) => this.subReports.push(new LogReport(value, this.id))
-    );
-    jsonReporter.reports.map(
-      (value) => this.logs.push(new LogReportItem(value, this.id))
-    );
+    jsonReporter.subReporters.map((value) => this.subReports.push(new LogReport(value, this.id)));
+    jsonReporter.reports.map((value) => this.logs.push(new LogReportItem(value, this.id)));
   }
   getHighestSeverity(currentSeverity = LogSeverities.UNKNOWN) {
     const reduceFct = (p, c) => p.level < c.level ? c : p;

package/dist/components/ReportViewer/log-table.d.ts

@@ -6,6 +6,6 @@ export interface LogTableProps {
     selectedSeverity: Record<string, boolean>;
     setSelectedSeverity: (func: (items: Record<string, boolean>) => Record<string, boolean>) => void;
 }
-declare function LogTable({ logs, onRowClick, selectedSeverity, setSelectedSeverity, }: LogTableProps): import("react/jsx-runtime").JSX.Element;
+declare function LogTable({ logs, onRowClick, selectedSeverity, setSelectedSeverity }: LogTableProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import('react').MemoExoticComponent<typeof LogTable>;
 export default _default;

package/dist/components/ReportViewer/log-table.js

@@ -23,12 +23,7 @@ const styles = {
   header: { variant: "header" }
 };
 const VirtualizedTable = styled(MuiVirtualizedTable)(styles);
-function LogTable({
-  logs,
-  onRowClick,
-  selectedSeverity,
-  setSelectedSeverity
-}) {
+function LogTable({ logs, onRowClick, selectedSeverity, setSelectedSeverity }) {
   const intl = useIntl();
   const theme = useTheme();
   const [selectedRowIndex, setSelectedRowIndex] = useState(-1);
@@ -57,13 +52,7 @@ function LogTable({
       maxWidth: SEVERITY_COLUMN_FIXED_WIDTH,
       minWidth: SEVERITY_COLUMN_FIXED_WIDTH,
       cellRenderer: severityCellRender,
-      extra: /* @__PURE__ */ jsx(
-        FilterButton,
-        {
-          selectedItems: selectedSeverity,
-          setSelectedItems: setSelectedSeverity
-        }
-      )
+      extra: /* @__PURE__ */ jsx(FilterButton, { selectedItems: selectedSeverity, setSelectedItems: setSelectedSeverity })
     },
     {
       label: intl.formatMessage({ id: "report_viewer/message" }).toUpperCase(),
@@ -107,9 +96,7 @@ function LogTable({
   }, [logs]);
   const filter = useCallback(
     (row) => {
-      return row.severity && Object.entries(selectedSeverity).some(
-        ([key, value]) => key === row.severity && value
-      );
+      return row.severity && Object.entries(selectedSeverity).some(([key, value]) => key === row.severity && value);
     },
     [selectedSeverity]
   );

package/dist/components/ReportViewer/multi-select-list.d.ts

@@ -14,4 +14,4 @@ export interface MultiSelectListProps {
  * @param {Function} handleClose - Allows to customise the behaviour when the menu is closing
  * @param {Object} anchor - Determines where the menu will appear on screen
  */
-export declare function MultiSelectList({ selectedItems, handleChange, handleClose, anchor, }: MultiSelectListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelectList({ selectedItems, handleChange, handleClose, anchor }: MultiSelectListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReportViewer/multi-select-list.js

@@ -9,25 +9,13 @@ const styles = {
     padding: "0 10px 0 0"
   }
 };
-function MultiSelectList({
-  selectedItems,
-  handleChange,
-  handleClose,
-  anchor
-}) {
+function MultiSelectList({ selectedItems, handleChange, handleClose, anchor }) {
   const open = Boolean(anchor);
   return /* @__PURE__ */ jsx(Menu, { open, onClose: handleClose, anchorEl: anchor, children: Object.entries(selectedItems).map(([key, value]) => {
     return /* @__PURE__ */ jsx(MenuItem, { sx: styles.menuItem, children: /* @__PURE__ */ jsx(
       FormControlLabel,
       {
-        control: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: value,
-            onChange: handleChange,
-            name: key
-          }
-        ),
+        control: /* @__PURE__ */ jsx(Checkbox, { checked: value, onChange: handleChange, name: key }),
         label: key,
         sx: styles.label
       }

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

@@ -86,16 +86,10 @@ function ReportItem(props) {
         "& .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 })
-          ]
-        }
-      ),
+      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
     }
   );

package/dist/components/ReportViewer/report-viewer.d.ts

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

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

@@ -18,10 +18,7 @@ const styles = {
     whiteSpace: "nowrap"
   }
 };
-function ReportViewer({
-  jsonReport,
-  maxSubReports = MAX_SUB_REPORTS
-}) {
+function ReportViewer({ jsonReport, maxSubReports = MAX_SUB_REPORTS }) {
   const [selectedNode, setSelectedNode] = useState(null);
   const [expandedNodes, setExpandedNodes] = useState([]);
   const [logs, setLogs] = useState([]);
@@ -36,9 +33,7 @@ function ReportViewer({
     });
     return filterConfig;
   }, []);
-  const [selectedSeverity, setSelectedSeverity] = useState(
-    defaultSeverityFilter
-  );
+  const [selectedSeverity, setSelectedSeverity] = useState(defaultSeverityFilter);
   const createReporterItem = useCallback(
     (logReport) => {
       allReports.current[logReport.getId()] = logReport;

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

@@ -37,19 +37,7 @@ function ReportViewerDialog(props) {
         /* @__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
-            }
-          ),
+          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" }) })
         ] })
       ]

package/dist/components/SignInCallbackHandler/SignInCallbackHandler.d.ts

@@ -4,5 +4,5 @@ export interface SignInCallbackHandlerProps {
     userManager: UserManager | null;
     handleSignInCallback: () => void;
 }
-declare function SignInCallbackHandler({ userManager, handleSignInCallback, }: SignInCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
+declare function SignInCallbackHandler({ userManager, handleSignInCallback }: SignInCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
 export default SignInCallbackHandler;

package/dist/components/SignInCallbackHandler/SignInCallbackHandler.js

@@ -1,9 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-function SignInCallbackHandler({
-  userManager,
-  handleSignInCallback
-}) {
+function SignInCallbackHandler({ userManager, handleSignInCallback }) {
   useEffect(() => {
     if (userManager !== null) {
       handleSignInCallback();

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

@@ -4,5 +4,5 @@ export interface SilentRenewCallbackHandlerProps {
     userManager: UserManager | null;
     handleSilentRenewCallback: () => void;
 }
-declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback, }: SilentRenewCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
+declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback }: SilentRenewCallbackHandlerProps): import("react/jsx-runtime").JSX.Element;
 export default SilentRenewCallbackHandler;

package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.js

@@ -1,9 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-function SilentRenewCallbackHandler({
-  userManager,
-  handleSilentRenewCallback
-}) {
+function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback }) {
   useEffect(() => {
     if (userManager !== null) {
       handleSilentRenewCallback();

package/dist/components/SnackbarProvider/SnackbarProvider.js

@@ -4,17 +4,10 @@ import { Button } from "@mui/material";
 import { SnackbarProvider as SnackbarProvider$1 } from "notistack";
 function SnackbarProvider(props) {
   const ref = useRef(null);
-  const action = (key) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: () => {
-        var _a;
-        return (_a = ref.current) == null ? void 0 : _a.closeSnackbar(key);
-      },
-      style: { color: "#fff", fontSize: "20px" },
-      children: "✖"
-    }
-  );
+  const action = (key) => /* @__PURE__ */ jsx(Button, { onClick: () => {
+    var _a;
+    return (_a = ref.current) == null ? void 0 : _a.closeSnackbar(key);
+  }, style: { color: "#fff", fontSize: "20px" }, children: "✖" });
   return /* @__PURE__ */ jsx(
     SnackbarProvider$1,
     {

package/dist/components/TopBar/AboutDialog.js

@@ -48,11 +48,7 @@ function getGlobalVersion(fnPromise, type, setData, setLoader) {
         setData(value ?? null);
       },
       (reason) => {
-        console.debug(
-          type,
-          "global version isn't available",
-          reason
-        );
+        console.debug(type, "global version isn't available", reason);
         setData(null);
       }
     ).finally(() => {
@@ -108,22 +104,8 @@ const moduleStyles = {
   }
 };
 const ModuleTypesIcons = {
-  app: /* @__PURE__ */ jsx(
-    WidgetsOutlined,
-    {
-      sx: moduleStyles.icons,
-      fontSize: "small",
-      color: "primary"
-    }
-  ),
-  server: /* @__PURE__ */ jsx(
-    DnsOutlined,
-    {
-      sx: moduleStyles.icons,
-      fontSize: "small",
-      color: "secondary"
-    }
-  ),
+  app: /* @__PURE__ */ jsx(WidgetsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "primary" }),
+  server: /* @__PURE__ */ jsx(DnsOutlined, { sx: moduleStyles.icons, fontSize: "small", color: "secondary" }),
   other: /* @__PURE__ */ jsx(QuestionMark, { sx: moduleStyles.icons, fontSize: "small" })
 };
 function insensitiveCaseCompare(str, obj) {
@@ -178,30 +160,21 @@ function Module({ type, name, version, gitTag }) {
               ] })
             ] })
           ] }),
-          children: /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              direction: "row",
-              justifyContent: "flex-start",
-              alignItems: "baseline",
-              spacing: 1,
-              children: [
-                ModuleTypesIcons[type] || ModuleTypesIcons.other,
-                /* @__PURE__ */ jsx(Typography, { display: "inline", noWrap: true, children: name || "<?>" }),
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "caption",
-                    color: (theme) => theme.palette.text.secondary,
-                    display: "inline",
-                    noWrap: true,
-                    sx: moduleStyles.version,
-                    children: gitTag || version || null
-                  }
-                )
-              ]
-            }
-          )
+          children: /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "flex-start", alignItems: "baseline", spacing: 1, children: [
+            ModuleTypesIcons[type] || ModuleTypesIcons.other,
+            /* @__PURE__ */ jsx(Typography, { display: "inline", noWrap: true, children: name || "<?>" }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "caption",
+                color: (theme) => theme.palette.text.secondary,
+                display: "inline",
+                noWrap: true,
+                sx: moduleStyles.version,
+                children: gitTag || version || null
+              }
+            )
+          ] })
         }
       )
     }
@@ -225,25 +198,16 @@ function AboutDialog({
   const [initialGlobalVersion, setInitialGlobalVersion] = useState(void 0);
   useEffect(() => {
     if (initialGlobalVersion === void 0) {
-      getGlobalVersion(
-        globalVersionPromise,
-        "Initial",
-        setInitialGlobalVersion
-      );
+      getGlobalVersion(globalVersionPromise, "Initial", setInitialGlobalVersion);
     }
   }, [globalVersionPromise, initialGlobalVersion]);
   const [actualGlobalVersion, setActualGlobalVersion] = useState(null);
   useEffect(() => {
     if (open) {
-      getGlobalVersion(
-        globalVersionPromise,
-        "Actual",
-        setActualGlobalVersion,
-        (loading) => {
-          setLoadingGlobalVersion(loading);
-          setShowGlobalVersion(false);
-        }
-      );
+      getGlobalVersion(globalVersionPromise, "Actual", setActualGlobalVersion, (loading) => {
+        setLoadingGlobalVersion(loading);
+        setShowGlobalVersion(false);
+      });
     }
   }, [open, globalVersionPromise]);
   const [loadingAdditionalModules, setLoadingAdditionalModules] = useState(false);
@@ -257,23 +221,14 @@ function AboutDialog({
         gitTag: appGitTag
         // license: appLicense,
       };
-      (additionalModulesPromise ? Promise.resolve(setLoadingAdditionalModules(true)).then(
-        () => additionalModulesPromise()
-      ) : Promise.reject(new Error("no getter"))).then(
+      (additionalModulesPromise ? Promise.resolve(setLoadingAdditionalModules(true)).then(() => additionalModulesPromise()) : Promise.reject(new Error("no getter"))).then(
         (values) => Array.isArray(values) ? values : [],
         () => []
       ).then((values) => {
         setModules([currentApp, ...values]);
       }).finally(() => setLoadingAdditionalModules(false));
     }
-  }, [
-    open,
-    additionalModulesPromise,
-    appName,
-    appVersion,
-    appGitTag,
-    appLicense
-  ]);
+  }, [open, additionalModulesPromise, appName, appVersion, appGitTag, appLicense]);
   const handleClose = useCallback(() => {
     if (onClose) {
       onClose();
@@ -324,13 +279,7 @@ function AboutDialog({
             }
           ) }),
           /* @__PURE__ */ jsxs(Box, { sx: styles.mainSection, children: [
-            /* @__PURE__ */ jsx(Box, { sx: styles.logoSection, children: logo || /* @__PURE__ */ jsx(
-              LogoText,
-              {
-                appName: "Suite",
-                appColor: theme.palette.grey["500"]
-              }
-            ) }),
+            /* @__PURE__ */ jsx(Box, { sx: styles.logoSection, children: logo || /* @__PURE__ */ jsx(LogoText, { appName: "Suite", appColor: theme.palette.grey["500"] }) }),
             /* @__PURE__ */ jsxs(Box, { sx: styles.mainInfos, children: [
               /* @__PURE__ */ jsx(
                 Fade,
@@ -352,9 +301,7 @@ function AboutDialog({
                       Typography,
                       {
                         component: "span",
-                        sx: styles.versionField(
-                          !loadingGlobalVersion && !!actualGlobalVersion
-                        ),
+                        sx: styles.versionField(!loadingGlobalVersion && !!actualGlobalVersion),
                         children: actualGlobalVersion || "unknown"
                       }
                     )
@@ -365,78 +312,30 @@ function AboutDialog({
           ] })
         ] }),
         /* @__PURE__ */ jsx(DialogContent, { id: "alert-dialog-description", children: /* @__PURE__ */ jsxs(Box, { sx: styles.detailsSection, children: [
-          /* @__PURE__ */ jsxs(
-            Accordion,
-            {
-              disableGutters: true,
-              variant: "outlined",
-              disabled: true,
-              sx: { display: "none" },
-              children: [
-                /* @__PURE__ */ jsxs(
-                  AccordionSummary,
-                  {
-                    expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}),
-                    "aria-controls": "panel1-content",
-                    id: "panel1-header",
-                    children: [
-                      /* @__PURE__ */ jsx(Gavel, { fontSize: "small" }),
-                      /* @__PURE__ */ jsx(Typography, { sx: { width: "33%", flexShrink: 0 }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/license" }) }),
-                      /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary" }, children: appLicense })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(AccordionDetails, { children: "license app summary text" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Accordion,
-            {
-              disableGutters: true,
-              variant: "outlined",
-              TransitionProps: { unmountOnExit: true },
-              children: [
-                /* @__PURE__ */ jsxs(
-                  AccordionSummary,
-                  {
-                    expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}),
-                    "aria-controls": "panel2-content",
-                    id: "panel2-header",
-                    children: [
-                      /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
-                      /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(
-                  Grid,
-                  {
-                    item: true,
-                    xs: true,
-                    display: "inline-flex",
-                    justifyContent: "center",
-                    children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" })
-                  }
-                ) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
-                  Module,
-                  {
-                    type: module.type,
-                    name: module.name,
-                    version: module.version,
-                    gitTag: module.gitTag
-                  },
-                  `module-${idx}`
-                )) }) || /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    color: (selectedTheme) => selectedTheme.palette.error.main,
-                    children: "Error"
-                  }
-                ) }) })
-              ]
-            }
-          )
+          /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", disabled: true, sx: { display: "none" }, children: [
+            /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel1-content", id: "panel1-header", children: [
+              /* @__PURE__ */ jsx(Gavel, { fontSize: "small" }),
+              /* @__PURE__ */ jsx(Typography, { sx: { width: "33%", flexShrink: 0 }, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/license" }) }),
+              /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary" }, children: appLicense })
+            ] }),
+            /* @__PURE__ */ jsx(AccordionDetails, { children: "license app summary text" })
+          ] }),
+          /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", TransitionProps: { unmountOnExit: true }, children: [
+            /* @__PURE__ */ jsxs(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMore, {}), "aria-controls": "panel2-content", id: "panel2-header", children: [
+              /* @__PURE__ */ jsx(Apps, { fontSize: "small" }),
+              /* @__PURE__ */ jsx(FormattedMessage, { id: "about-dialog/modules-section" })
+            ] }),
+            /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(Grid, { container: true, sx: { pl: 2 }, spacing: 1, children: loadingAdditionalModules ? /* @__PURE__ */ jsx(Grid, { item: true, xs: true, display: "inline-flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, { color: "inherit" }) }) : Array.isArray(modules) && /* @__PURE__ */ jsx(Fragment, { children: [...modules].sort(compareModules).map((module, idx) => /* @__PURE__ */ jsx(
+              Module,
+              {
+                type: module.type,
+                name: module.name,
+                version: module.version,
+                gitTag: module.gitTag
+              },
+              `module-${idx}`
+            )) }) || /* @__PURE__ */ jsx(Typography, { color: (selectedTheme) => selectedTheme.palette.error.main, children: "Error" }) }) })
+          ] })
         ] }) }),
         /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, autoFocus: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "close" }) }) })
       ]

package/dist/components/TopBar/GridLogo.d.ts

@@ -4,8 +4,8 @@ import { SxProps } from '@mui/material';
 export interface GridLogoProps extends Omit<LogoTextProps, 'style'> {
     appLogo: ReactNode;
 }
-export declare function LogoText({ appName, appColor, style, onClick, }: Partial<LogoTextProps>): import("react/jsx-runtime").JSX.Element;
-declare function GridLogo({ appLogo, appName, appColor, onClick, }: Partial<GridLogoProps>): import("react/jsx-runtime").JSX.Element;
+export declare function LogoText({ appName, appColor, style, onClick }: Partial<LogoTextProps>): import("react/jsx-runtime").JSX.Element;
+declare function GridLogo({ appLogo, appName, appColor, onClick }: Partial<GridLogoProps>): import("react/jsx-runtime").JSX.Element;
 export default GridLogo;
 export interface LogoTextProps {
     appName: string;