@gridsuite/commons-ui 0.278.0 → 0.279.0

package/dist/features/index.d.ts

@@ -8,6 +8,7 @@ export * from './authentication';
 export * from './cardErrorBoundary';
 export * from './notifications';
 export * from './topBar';
+export * from './side-bar';
 export * from './parameters';
 export * from './network-modifications';
 export * from './node';

package/dist/features/index.js

@@ -18,6 +18,9 @@ import { AboutDialog } from "./topBar/AboutDialog.js";
 import { GridLogo, LogoText } from "./topBar/GridLogo.js";
 import { DevModeBanner } from "./topBar/DevModeBanner.js";
 import { TopBar } from "./topBar/TopBar.js";
+import { default as default3 } from "./topBar/UserInformationDialog.js";
+import { default as default4 } from "./topBar/UserSettingsDialog.js";
+import { AppSideBar } from "./side-bar/AppSideBar.js";
 import { ParameterLayout } from "./parameters/common/parameter-layout/parameter-layout.js";
 import { ParameterLayoutProvider, useParameterLayoutContext } from "./parameters/common/parameter-layout/parameter-layout-provider.js";
 import { formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
@@ -315,6 +318,7 @@ export {
   ActivePowerControlForm,
   AnnouncementBanner,
   AnnouncementNotification,
+  AppSideBar,
   DataType as AssignmentDataType,
   AuthenticationRouter,
   default2 as AuthenticationRouterErrorDisplay,
@@ -671,7 +675,9 @@ export {
   UPDATE_BUS_VOLTAGE,
   USE_REACTIVE_LIMITS,
   UnauthorizedAccessAlert,
+  default3 as UserInformationDialog,
   UserManagerMock,
+  default4 as UserSettingsDialog,
   VARIABLE_Q_GENERATORS,
   VARIABLE_SHUNT_COMPENSATORS,
   VARIABLE_TRANSFORMERS,

package/dist/features/side-bar/AppSideBar.d.ts

@@ -0,0 +1,27 @@
+import { Breakpoint, Theme } from '@mui/material';
+import { UserProfile } from 'oidc-client-ts';
+import { ReactNode } from 'react';
+import { GridSuiteModule } from '../topBar';
+import { GsLang, GsTheme, Metadata } from '../../utils';
+type SideBarProps = {
+    sideBarTheme: Theme;
+    isDeveloperMode: boolean;
+    smallScreenBreakpoint: number | Breakpoint;
+    handleChangeDeveloperMode: (newValue: boolean) => void;
+    currentTheme: GsTheme;
+    setTheme: (newTheme: GsTheme) => void;
+    selectedLanguage: GsLang;
+    setSelectedLanguage: (newSelectedLanguage: GsLang) => void;
+    userProfile?: UserProfile;
+    appsAndUrls: Metadata[];
+    onLogoutClick?: () => void;
+    appName: string;
+    appNameColor: string;
+    appLogo: ReactNode;
+    appLicense?: string;
+    appVersion?: string;
+    globalVersionPromise: () => Promise<string>;
+    additionalModulesPromise: () => Promise<GridSuiteModule[]>;
+};
+export declare function AppSideBar({ sideBarTheme, isDeveloperMode, smallScreenBreakpoint, handleChangeDeveloperMode, currentTheme, setTheme, selectedLanguage, setSelectedLanguage, userProfile, appsAndUrls, appName, appNameColor, appLogo, appLicense, appVersion, globalVersionPromise, additionalModulesPromise, onLogoutClick, }: Readonly<SideBarProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/AppSideBar.js

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMediaQuery, ThemeProvider, ScopedCssBaseline, Stack, Box } from "@mui/material";
+import { useState, useEffect } from "react";
+import { AppSideBarHeader } from "./AppSideBarHeader.js";
+import { AppSideBarFooter } from "./footer/AppSideBarFooter.js";
+import { AppSideBarDialogProvider } from "./dialogs/AppSideBarDialogProvider.js";
+import { AppSideBarDialogs } from "./dialogs/AppSideBarDialogs.js";
+function AppSideBar({
+  sideBarTheme,
+  isDeveloperMode,
+  smallScreenBreakpoint,
+  handleChangeDeveloperMode,
+  currentTheme,
+  setTheme,
+  selectedLanguage,
+  setSelectedLanguage,
+  userProfile,
+  appsAndUrls,
+  appName,
+  appNameColor,
+  appLogo,
+  appLicense,
+  appVersion,
+  globalVersionPromise,
+  additionalModulesPromise,
+  onLogoutClick
+}) {
+  const [isMinimized, setIsMinimized] = useState(true);
+  const toggleSideBarMinimized = () => {
+    setIsMinimized((previousIsSideBarMinimized) => !previousIsSideBarMinimized);
+  };
+  const isSmallScreen = useMediaQuery((theme) => theme.breakpoints.down(smallScreenBreakpoint));
+  useEffect(() => {
+    if (isSmallScreen) {
+      setIsMinimized(true);
+    }
+  }, [isSmallScreen]);
+  return /* @__PURE__ */ jsxs(AppSideBarDialogProvider, { children: [
+    /* @__PURE__ */ jsx(
+      AppSideBarDialogs,
+      {
+        appLicense,
+        appVersion,
+        additionalModulesPromise,
+        globalVersionPromise,
+        appName,
+        userProfile,
+        isDeveloperMode,
+        handleChangeDeveloperMode
+      }
+    ),
+    /* @__PURE__ */ jsx(ThemeProvider, { theme: sideBarTheme, children: /* @__PURE__ */ jsx(ScopedCssBaseline, { children: /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        component: "aside",
+        sx: {
+          width: isMinimized ? 64 : 224,
+          height: "100%"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            AppSideBarHeader,
+            {
+              isMinimized,
+              isLoggedIn: !!userProfile,
+              appName,
+              appNameColor,
+              appLogo,
+              appVersion
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                flex: 1
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AppSideBarFooter,
+            {
+              isMinimized,
+              isSmallScreen,
+              toggleSideBarMinimized,
+              currentTheme,
+              setTheme,
+              selectedLanguage,
+              setSelectedLanguage,
+              userProfile,
+              appsAndUrls,
+              onLogoutClick
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
+}
+export {
+  AppSideBar
+};

package/dist/features/side-bar/AppSideBarHeader.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface AppSideBarHeaderProps {
+    isMinimized: boolean;
+    isLoggedIn: boolean;
+    appName: string;
+    appNameColor: string;
+    appLogo: ReactNode;
+    appVersion?: string;
+}
+export declare function AppSideBarHeader({ isMinimized, isLoggedIn, appName, appNameColor, appLogo, appVersion, }: Readonly<AppSideBarHeaderProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/AppSideBarHeader.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Stack, Typography, Box, Tooltip, IconButton, Divider } from "@mui/material";
+import { Info } from "@mui/icons-material";
+import { useAppSideBarDialogs, SideBarDialogType } from "./dialogs/AppSideBarDialogProvider.js";
+function AppSideBarHeader({
+  isMinimized,
+  isLoggedIn,
+  appName,
+  appNameColor,
+  appLogo,
+  appVersion
+}) {
+  const { setOpenDialog } = useAppSideBarDialogs();
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      sx: {
+        px: 1.5,
+        pt: 3
+      },
+      spacing: 1,
+      children: [
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: isMinimized ? "center" : "flex-start", children: [
+          appLogo,
+          !isMinimized && /* @__PURE__ */ jsxs(Typography, { variant: "h6", children: [
+            "Grid",
+            /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: appNameColor }, children: appName })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Stack,
+          {
+            direction: "row",
+            visibility: isLoggedIn ? "inherit" : "hidden",
+            alignItems: "center",
+            justifyContent: isMinimized ? "center" : "end",
+            spacing: 1,
+            children: /* @__PURE__ */ jsxs(Fragment, { children: [
+              !isMinimized && /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+                "V",
+                appVersion
+              ] }),
+              /* @__PURE__ */ jsx(Tooltip, { title: `V${appVersion}`, disableHoverListener: !isMinimized, children: /* @__PURE__ */ jsx(IconButton, { sx: { padding: 0 }, onClick: () => setOpenDialog(SideBarDialogType.ABOUT), children: /* @__PURE__ */ jsx(Info, { fontSize: "small", color: "disabled" }) }) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, {})
+      ]
+    }
+  );
+}
+export {
+  AppSideBarHeader
+};

package/dist/features/side-bar/dialogs/AppSideBarDialogProvider.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+export declare enum SideBarDialogType {
+    ABOUT = "ABOUT",
+    PROFILE = "PROFILE",
+    PROFILE_SETTINGS = "PROFILE_SETTINGS"
+}
+type AppSideBarDialogContextValue = {
+    openDialog: SideBarDialogType | null;
+    setOpenDialog: (dialog: SideBarDialogType) => void;
+    closeDialog: () => void;
+};
+export declare function AppSideBarDialogProvider({ children }: Readonly<PropsWithChildren>): import("react").JSX.Element;
+export declare function useAppSideBarDialogs(): AppSideBarDialogContextValue;
+export {};

package/dist/features/side-bar/dialogs/AppSideBarDialogProvider.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useCallback, useMemo, useContext } from "react";
+var SideBarDialogType = /* @__PURE__ */ ((SideBarDialogType2) => {
+  SideBarDialogType2["ABOUT"] = "ABOUT";
+  SideBarDialogType2["PROFILE"] = "PROFILE";
+  SideBarDialogType2["PROFILE_SETTINGS"] = "PROFILE_SETTINGS";
+  return SideBarDialogType2;
+})(SideBarDialogType || {});
+const AppSideBarDialogContext = createContext(void 0);
+function AppSideBarDialogProvider({ children }) {
+  const [openDialog, setOpenDialog] = useState(null);
+  const closeDialog = useCallback(() => {
+    setOpenDialog(null);
+  }, []);
+  const contextValue = useMemo(
+    () => ({
+      openDialog,
+      setOpenDialog,
+      closeDialog
+    }),
+    [closeDialog, openDialog]
+  );
+  return /* @__PURE__ */ jsx(AppSideBarDialogContext.Provider, { value: contextValue, children });
+}
+function useAppSideBarDialogs() {
+  const dialogs = useContext(AppSideBarDialogContext);
+  if (!dialogs) {
+    throw new Error("useAppSideBarDialogs must be used within an AppSideBarDialogProvider");
+  }
+  return dialogs;
+}
+export {
+  AppSideBarDialogProvider,
+  SideBarDialogType,
+  useAppSideBarDialogs
+};

package/dist/features/side-bar/dialogs/AppSideBarDialogs.d.ts

@@ -0,0 +1,14 @@
+import { UserProfile } from 'oidc-client-ts';
+import { GridSuiteModule } from '../../topBar';
+type AppSideBarDialogsProps = {
+    isDeveloperMode: boolean;
+    handleChangeDeveloperMode: (newValue: boolean) => void;
+    userProfile?: UserProfile;
+    appName: string;
+    appLicense?: string;
+    appVersion?: string;
+    globalVersionPromise: () => Promise<string>;
+    additionalModulesPromise: () => Promise<GridSuiteModule[]>;
+};
+export declare function AppSideBarDialogs({ appLicense, appVersion, additionalModulesPromise, globalVersionPromise, appName, userProfile, isDeveloperMode, handleChangeDeveloperMode, }: Readonly<AppSideBarDialogsProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/dialogs/AppSideBarDialogs.js

@@ -0,0 +1,56 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { AboutDialog } from "../../topBar/AboutDialog.js";
+import "@mui/material";
+import "@mui/icons-material";
+import "react";
+import "react-intl";
+import "../../topBar/TopBar.js";
+import UserInformationDialog from "../../topBar/UserInformationDialog.js";
+import UserSettingsDialog from "../../topBar/UserSettingsDialog.js";
+import { useAppSideBarDialogs, SideBarDialogType } from "./AppSideBarDialogProvider.js";
+function AppSideBarDialogs({
+  appLicense,
+  appVersion,
+  additionalModulesPromise,
+  globalVersionPromise,
+  appName,
+  userProfile,
+  isDeveloperMode,
+  handleChangeDeveloperMode
+}) {
+  const { openDialog, closeDialog } = useAppSideBarDialogs();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AboutDialog,
+      {
+        appLicense,
+        appVersion,
+        open: openDialog === SideBarDialogType.ABOUT,
+        onClose: closeDialog,
+        additionalModulesPromise,
+        globalVersionPromise,
+        appName
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      UserInformationDialog,
+      {
+        openDialog: openDialog === SideBarDialogType.PROFILE,
+        onClose: closeDialog,
+        userProfile: userProfile ?? void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      UserSettingsDialog,
+      {
+        openDialog: openDialog === SideBarDialogType.PROFILE_SETTINGS,
+        onClose: closeDialog,
+        developerMode: isDeveloperMode,
+        onDeveloperModeClick: handleChangeDeveloperMode
+      }
+    )
+  ] });
+}
+export {
+  AppSideBarDialogs
+};

package/dist/features/side-bar/footer/AppSideBarFooter.d.ts

@@ -0,0 +1,15 @@
+import { UserProfile } from 'oidc-client-ts';
+import { GsLang, GsTheme, Metadata } from '../../../utils';
+export interface AppSideBarFooterProps {
+    isMinimized: boolean;
+    isSmallScreen: boolean;
+    toggleSideBarMinimized: () => void;
+    currentTheme: GsTheme;
+    setTheme: (newTheme: GsTheme) => void;
+    selectedLanguage: GsLang;
+    setSelectedLanguage: (newSelectedLanguage: GsLang) => void;
+    userProfile?: UserProfile;
+    appsAndUrls: Metadata[];
+    onLogoutClick?: () => void;
+}
+export declare function AppSideBarFooter({ isMinimized, isSmallScreen, toggleSideBarMinimized, currentTheme, setTheme, selectedLanguage, setSelectedLanguage, userProfile, appsAndUrls, onLogoutClick, }: Readonly<AppSideBarFooterProps>): import("react").JSX.Element;

package/dist/features/side-bar/footer/AppSideBarFooter.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Stack, MenuList, Divider } from "@mui/material";
+import { Logout, KeyboardDoubleArrowRight, KeyboardDoubleArrowLeft } from "@mui/icons-material";
+import { ApplicationMenu } from "./applications/ApplicationMenu.js";
+import { SideBarMenuItem } from "./common/SideBarMenuItem.js";
+import { ProfileMenu } from "./profile/ProfileMenu.js";
+import { SettingsMenu } from "./settings/SettingsMenu.js";
+function AppSideBarFooter({
+  isMinimized,
+  isSmallScreen,
+  toggleSideBarMinimized,
+  currentTheme,
+  setTheme,
+  selectedLanguage,
+  setSelectedLanguage,
+  userProfile,
+  appsAndUrls,
+  onLogoutClick
+}) {
+  const isUserLoggedIn = !!userProfile;
+  return /* @__PURE__ */ jsx(Stack, { p: 1, children: /* @__PURE__ */ jsxs(MenuList, { disablePadding: true, children: [
+    isUserLoggedIn && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ApplicationMenu, { isMinimized, appsAndUrls }),
+      /* @__PURE__ */ jsx(ProfileMenu, { isMinimized, userProfile }),
+      /* @__PURE__ */ jsx(
+        SettingsMenu,
+        {
+          isMinimized,
+          currentTheme,
+          setTheme,
+          selectedLanguage,
+          setSelectedLanguage
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SideBarMenuItem,
+        {
+          label: "top-bar/logout",
+          icon: /* @__PURE__ */ jsx(Logout, {}),
+          onClick: onLogoutClick,
+          showLabel: !isMinimized
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      SideBarMenuItem,
+      {
+        label: "top-bar/minimize",
+        icon: isMinimized ? /* @__PURE__ */ jsx(KeyboardDoubleArrowRight, {}) : /* @__PURE__ */ jsx(KeyboardDoubleArrowLeft, {}),
+        onClick: toggleSideBarMinimized,
+        showLabel: !isMinimized,
+        disabled: isSmallScreen
+      }
+    )
+  ] }) });
+}
+export {
+  AppSideBarFooter
+};

package/dist/features/side-bar/footer/applications/ApplicationMenu.d.ts

@@ -0,0 +1,5 @@
+import { Metadata } from '../../../../utils';
+export declare function ApplicationMenu({ isMinimized, appsAndUrls, }: Readonly<{
+    isMinimized: boolean;
+    appsAndUrls: Metadata[];
+}>): import("react").JSX.Element;

package/dist/features/side-bar/footer/applications/ApplicationMenu.js

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Apps } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { OtherAppRedirection } from "./OtherAppRedirection.js";
+import { MinimizedSubMenuHeader } from "../common/MinimizedSubMenuHeader.js";
+import { submenuFooterStyle } from "../common/submenu-footer.style.js";
+import "@mui/material";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import { CustomNestedMenuItem } from "../../../../components/ui/menus/custom-nested-menu.js";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function ApplicationMenu({
+  isMinimized,
+  appsAndUrls
+}) {
+  const intl = useIntl();
+  const applicationLabel = intl.formatMessage({ id: "top-bar/myApps" });
+  return /* @__PURE__ */ jsxs(
+    CustomNestedMenuItem,
+    {
+      label: !isMinimized ? applicationLabel : "",
+      leftIcon: /* @__PURE__ */ jsx(Apps, {}),
+      sx: submenuFooterStyle.subMenu,
+      children: [
+        isMinimized && /* @__PURE__ */ jsx(MinimizedSubMenuHeader, { label: applicationLabel }),
+        appsAndUrls?.filter((item) => !item.hiddenInAppsMenu).map((item) => /* @__PURE__ */ jsx(OtherAppRedirection, { app: item }, item.name))
+      ]
+    }
+  );
+}
+export {
+  ApplicationMenu
+};

package/dist/features/side-bar/footer/applications/OtherAppRedirection.d.ts

@@ -0,0 +1,6 @@
+import { Metadata } from '../../../../utils';
+interface OtherAppRedirectionProps {
+    app: Metadata;
+}
+export declare function OtherAppRedirection({ app }: Readonly<OtherAppRedirectionProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/applications/OtherAppRedirection.js

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Stack, Typography } from "@mui/material";
+import { OpenInNew } from "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react";
+import "react-hook-form";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import { CustomMenuItem } from "../../../../components/ui/menus/custom-nested-menu.js";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import { submenuFooterStyle } from "../common/submenu-footer.style.js";
+function OtherAppRedirection({ app }) {
+  return /* @__PURE__ */ jsx(CustomMenuItem, { sx: submenuFooterStyle.subMenuChildren, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        textDecoration: "none",
+        color: "inherit"
+      },
+      component: "a",
+      href: app.url.toString(),
+      target: "_blank",
+      rel: "noopener noreferrer",
+      width: "100%",
+      children: /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          spacing: 2,
+          direction: "row",
+          alignContent: "center",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ jsxs(Typography, { children: [
+              "Grid",
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  component: "span",
+                  style: {
+                    color: app.appColor ?? "grey",
+                    fontWeight: "bold"
+                  },
+                  children: app.name
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(OpenInNew, { sx: { display: "block" } })
+          ]
+        }
+      )
+    }
+  ) });
+}
+export {
+  OtherAppRedirection
+};

package/dist/features/side-bar/footer/common/MinimizedSubMenuHeader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2026, 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 declare function MinimizedSubMenuHeader({ label }: Readonly<{
+    label: string;
+}>): import("react").JSX.Element;