@gridsuite/commons-ui 0.278.0 → 0.279.0

package/dist/features/side-bar/footer/common/MinimizedSubMenuHeader.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { ListSubheader } from "@mui/material";
+function MinimizedSubMenuHeader({ label }) {
+  return /* @__PURE__ */ jsx(
+    ListSubheader,
+    {
+      sx: {
+        backgroundImage: "var(--Paper-overlay)",
+        ".MuiMenuItem-root, .MuiTypography-root": {
+          px: 1.5
+          // customize padding for text
+        },
+        px: 1.5
+        // customize padding for the whole menu item
+      },
+      children: label
+    }
+  );
+}
+export {
+  MinimizedSubMenuHeader
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface SideBarMenuItemProps {
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    showLabel?: boolean;
+    disabled?: boolean;
+}
+export declare function SideBarMenuItem({ label, icon, onClick, showLabel, disabled, }: Readonly<SideBarMenuItemProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/common/SideBarMenuItem.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { useIntl } from "react-intl";
+import { submenuFooterStyle } from "./submenu-footer.style.js";
+import "@mui/icons-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 { 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";
+function SideBarMenuItem({
+  label,
+  icon,
+  onClick,
+  showLabel = true,
+  disabled = false
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(CustomMenuItem, { disabled, onClick, sx: submenuFooterStyle.subMenu, children: [
+    icon,
+    " ",
+    showLabel && /* @__PURE__ */ jsx(Typography, { px: 1, children: intl.formatMessage({ id: label }) })
+  ] });
+}
+export {
+  SideBarMenuItem
+};

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

@@ -0,0 +1,23 @@
+/**
+ * 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 const submenuFooterStyle: {
+    subMenu: {
+        pl: number;
+        mb: number;
+        color: string;
+        '&:hover': {
+            color: string;
+        };
+    };
+    subMenuChildren: {
+        pl: number;
+        color: string;
+        '&:hover': {
+            color: string;
+        };
+    };
+};

package/dist/features/side-bar/footer/common/submenu-footer.style.js

@@ -0,0 +1,20 @@
+const submenuFooterStyle = {
+  subMenu: {
+    pl: 1.5,
+    mb: 0.5,
+    color: "inherit",
+    "&:hover": {
+      color: "inherit"
+    }
+  },
+  subMenuChildren: {
+    pl: 2,
+    color: "inherit",
+    "&:hover": {
+      color: "inherit"
+    }
+  }
+};
+export {
+  submenuFooterStyle
+};

package/dist/features/side-bar/footer/profile/ProfileInfos.d.ts

@@ -0,0 +1,4 @@
+import { UserProfile } from 'oidc-client-ts';
+export declare function ProfileInfos({ userProfile }: Readonly<{
+    userProfile?: UserProfile;
+}>): import("react").JSX.Element;

package/dist/features/side-bar/footer/profile/ProfileInfos.js

@@ -0,0 +1,32 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { MenuItem, Box, Divider } from "@mui/material";
+import { Person } from "@mui/icons-material";
+function ProfileInfos({ userProfile }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      MenuItem,
+      {
+        sx: {
+          px: 1.5,
+          "&.Mui-disabled": {
+            opacity: 1
+          }
+        },
+        disabled: true,
+        children: [
+          /* @__PURE__ */ jsx(Person, {}),
+          /* @__PURE__ */ jsxs(Box, { component: "span", px: 1, children: [
+            userProfile?.name,
+            " ",
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Box, { component: "span", children: userProfile?.email })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {})
+  ] });
+}
+export {
+  ProfileInfos
+};

package/dist/features/side-bar/footer/profile/ProfileMenu.d.ts

@@ -0,0 +1,7 @@
+import { UserProfile } from 'oidc-client-ts';
+interface ProfileMenuProps {
+    isMinimized: boolean;
+    userProfile?: UserProfile;
+}
+export declare function ProfileMenu({ isMinimized, userProfile }: Readonly<ProfileMenuProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/profile/ProfileMenu.js

@@ -0,0 +1,95 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Badge, ManageAccounts } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { MinimizedSubMenuHeader } from "../common/MinimizedSubMenuHeader.js";
+import { ProfileInfos } from "./ProfileInfos.js";
+import { UserAvatarIcon } from "./UserIcon.js";
+import { SideBarMenuItem } from "../common/SideBarMenuItem.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";
+import { useAppSideBarDialogs, SideBarDialogType } from "../../dialogs/AppSideBarDialogProvider.js";
+function ProfileMenu({ isMinimized, userProfile }) {
+  const intl = useIntl();
+  const { setOpenDialog } = useAppSideBarDialogs();
+  const openProfileDialog = () => setOpenDialog(SideBarDialogType.PROFILE);
+  const openProfileSettingsDialog = () => setOpenDialog(SideBarDialogType.PROFILE_SETTINGS);
+  const profileLabel = intl.formatMessage({ id: "user-information-dialog/profile" });
+  return /* @__PURE__ */ jsxs(
+    CustomNestedMenuItem,
+    {
+      label: !isMinimized ? profileLabel : "",
+      leftIcon: /* @__PURE__ */ jsx(UserAvatarIcon, { label: userProfile?.name ?? "" }),
+      sx: submenuFooterStyle.subMenu,
+      children: [
+        isMinimized && /* @__PURE__ */ jsx(MinimizedSubMenuHeader, { label: profileLabel }),
+        /* @__PURE__ */ jsx(ProfileInfos, { userProfile }),
+        /* @__PURE__ */ jsx(SideBarMenuItem, { label: "top-bar/userInformation", icon: /* @__PURE__ */ jsx(Badge, {}), onClick: openProfileDialog }),
+        /* @__PURE__ */ jsx(
+          SideBarMenuItem,
+          {
+            label: "top-bar/userSettings",
+            icon: /* @__PURE__ */ jsx(ManageAccounts, {}),
+            onClick: openProfileSettingsDialog
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ProfileMenu
+};

package/dist/features/side-bar/footer/profile/UserIcon.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 UserAvatarIcon({ label }: Readonly<{
+    label: string;
+}>): import("react").JSX.Element;

package/dist/features/side-bar/footer/profile/UserIcon.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@mui/material";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { isEmpty } from "../../../../utils/functions.js";
+import "@mui/icons-material";
+function getAbbreviationFromUserName(name) {
+  if (isEmpty(name)) {
+    return "";
+  }
+  const [firstName, ...otherNames] = name.split(" ");
+  if (otherNames.length > 0) {
+    return `${firstName[0]}${otherNames.at(-1)[0]}`;
+  }
+  return firstName[0];
+}
+function UserAvatarIcon({ label }) {
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      sx: (theme) => ({
+        height: "24px",
+        width: "24px",
+        fontSize: theme.typography.pxToRem(11),
+        textTransform: "uppercase"
+      }),
+      children: getAbbreviationFromUserName(label)
+    }
+  );
+}
+export {
+  UserAvatarIcon
+};

package/dist/features/side-bar/footer/settings/DarkModeToggle.d.ts

@@ -0,0 +1,7 @@
+import { GsTheme } from '../../../../utils';
+interface DarkModeToggleProps {
+    currentTheme: GsTheme;
+    setTheme: (newTheme: GsTheme) => void;
+}
+export declare function DarkModeToggle({ currentTheme, setTheme }: Readonly<DarkModeToggleProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/settings/DarkModeToggle.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack, Switch } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { DARK_THEME, LIGHT_THEME } from "../../../../utils/styles.js";
+import "../../../../components/ui/overflowableText/OverflowableText.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 DarkModeToggle({ currentTheme, setTheme }) {
+  const isDarkMode = currentTheme === DARK_THEME;
+  const toggleMode = (event) => {
+    const targetModeValue = event.target.checked ? DARK_THEME : LIGHT_THEME;
+    setTheme(targetModeValue);
+  };
+  return /* @__PURE__ */ jsx(CustomMenuItem, { sx: submenuFooterStyle.subMenuChildren, children: /* @__PURE__ */ jsxs(Stack, { width: "100%", direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ jsx(FormattedMessage, { id: "top-bar/darkMode" }),
+    /* @__PURE__ */ jsx(Switch, { checked: isDarkMode, onChange: toggleMode })
+  ] }) });
+}
+export {
+  DarkModeToggle
+};

package/dist/features/side-bar/footer/settings/LanguageSelection.d.ts

@@ -0,0 +1,8 @@
+import { GsLang } from '../../../../utils';
+interface LanguageSelectionProps {
+    language: GsLang;
+    isSelectedLanguage: boolean;
+    setSelectedLanguage: (newLanguage: GsLang) => void;
+}
+export declare function LanguageSelection({ language, isSelectedLanguage, setSelectedLanguage, }: Readonly<LanguageSelectionProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/settings/LanguageSelection.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Done } from "@mui/icons-material";
+import { FormattedMessage } from "react-intl";
+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 { 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 LanguageSelection({
+  language,
+  isSelectedLanguage,
+  setSelectedLanguage
+}) {
+  const onClick = () => {
+    setSelectedLanguage(language);
+  };
+  return /* @__PURE__ */ jsxs(CustomMenuItem, { sx: submenuFooterStyle.subMenuChildren, onClick, children: [
+    /* @__PURE__ */ jsx(FormattedMessage, { id: `top-bar/language/${language}` }),
+    /* @__PURE__ */ jsx(Done, { color: "info", sx: { ml: 1, visibility: isSelectedLanguage ? "initial" : "hidden" } })
+  ] });
+}
+export {
+  LanguageSelection
+};

package/dist/features/side-bar/footer/settings/SettingsMenu.d.ts

@@ -0,0 +1,10 @@
+import { GsLang, GsTheme } from '../../../../utils';
+interface SettingsMenuProps {
+    isMinimized: boolean;
+    currentTheme: GsTheme;
+    setTheme: (newTheme: GsTheme) => void;
+    selectedLanguage: GsLang;
+    setSelectedLanguage: (newSelectedLanguage: GsLang) => void;
+}
+export declare function SettingsMenu({ isMinimized, currentTheme, setTheme, selectedLanguage, setSelectedLanguage, }: Readonly<SettingsMenuProps>): import("react").JSX.Element;
+export {};

package/dist/features/side-bar/footer/settings/SettingsMenu.js

@@ -0,0 +1,112 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { DisplaySettings } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { Box, Typography } from "@mui/material";
+import { MinimizedSubMenuHeader } from "../common/MinimizedSubMenuHeader.js";
+import { DarkModeToggle } from "./DarkModeToggle.js";
+import { LanguageSelection } from "./LanguageSelection.js";
+import { submenuFooterStyle } from "../common/submenu-footer.style.js";
+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 SettingsMenu({
+  isMinimized,
+  currentTheme,
+  setTheme,
+  selectedLanguage,
+  setSelectedLanguage
+}) {
+  const intl = useIntl();
+  const settingsLabel = intl.formatMessage({ id: "top-bar/settings" });
+  const availableLanguages = ["sys", "fr", "en"];
+  return /* @__PURE__ */ jsxs(
+    CustomNestedMenuItem,
+    {
+      label: !isMinimized ? settingsLabel : "",
+      leftIcon: /* @__PURE__ */ jsx(DisplaySettings, {}),
+      sx: submenuFooterStyle.subMenu,
+      children: [
+        isMinimized && /* @__PURE__ */ jsx(MinimizedSubMenuHeader, { label: settingsLabel }),
+        /* @__PURE__ */ jsx(DarkModeToggle, { currentTheme, setTheme }),
+        /* @__PURE__ */ jsx(
+          CustomNestedMenuItem,
+          {
+            sx: submenuFooterStyle.subMenuChildren,
+            renderLabel: () => /* @__PURE__ */ jsxs(Box, { children: [
+              intl.formatMessage({ id: "top-bar/language" }),
+              /* @__PURE__ */ jsxs(Typography, { component: "span", fontSize: 12, sx: { color: "text.disabled" }, children: [
+                " - ",
+                intl.formatMessage({
+                  id: `top-bar/language/${selectedLanguage}`
+                })
+              ] })
+            ] }),
+            children: availableLanguages.map((language) => /* @__PURE__ */ jsx(
+              LanguageSelection,
+              {
+                language,
+                isSelectedLanguage: selectedLanguage === language,
+                setSelectedLanguage
+              },
+              language
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  SettingsMenu
+};