@gridsuite/commons-ui 0.280.0 → 0.282.0

package/dist/features/process-configs/shortcircuit/sc-process-config-edition.js

@@ -41,15 +41,19 @@ import "../../parameters/common/contingency-table/columns-definitions.js";
 import "@hookform/resolvers/yup";
 import "../../parameters/network-visualizations/constants.js";
 import "../../parameters/loadflow/load-flow-parameters-context.js";
-import "../../parameters/loadflow/load-flow-advanced-parameters.js";
+import "../../parameters/loadflow/load-flow-parameters-utils.js";
 import "../../parameters/loadflow/load-flow-parameters-content.js";
 import "../../parameters/short-circuit/short-circuit-parameters-content.js";
+import "../../parameters/short-circuit/short-circuit-parameters-utils.js";
+import "../../parameters/voltage-init/constants.js";
 import "../../parameters/voltage-init/voltage-init-form-utils.js";
 import "react-dom";
+import "../../parameters/security-analysis/constants.js";
 import "../../parameters/security-analysis/security-analysis-parameters-utils.js";
 import "../../parameters/sensi/utils.js";
 import "../../parameters/sensi/columns-definitions.js";
 import "../../parameters/dynamic-simulation/use-dynamic-simulation-parameters-form.js";
+import "../../parameters/dynamic-simulation/dynamic-simulation.type.js";
 import "../../parameters/dynamic-simulation/time-delay/time-delay-parameters-utils.js";
 import "../../parameters/dynamic-simulation/time-delay/time-delay-parameters.js";
 import "../../parameters/dynamic-simulation/solver/solver-parameters-utils.js";
@@ -66,8 +70,10 @@ import "mathjs";
 import "../../parameters/dynamic-security-analysis/use-dynamic-security-analysis-parameters-form.js";
 import "../../parameters/dynamic-security-analysis/scenario-parameters.js";
 import "../../parameters/dynamic-security-analysis/contingency-parameters.js";
+import "../../parameters/dynamic-security-analysis/dynamic-security-analysis.type.js";
 import "../../parameters/dynamic-margin-calculation/time-delay-parameters.js";
 import "../../parameters/dynamic-margin-calculation/loads-variations-parameters.js";
+import "../../parameters/dynamic-margin-calculation/dynamic-margin-calculation.type.js";
 import "../../parameters/dynamic-margin-calculation/use-dynamic-margin-calculation-parameters-form.js";
 function SCProcessConfigEdition() {
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/features/results/loadflow/limit-violation-result.js

@@ -12,9 +12,9 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
 import { useOpenLoaderShortWait } from "../../../hooks/useOpenLoaderShortWait.js";
+import "react-hook-form";
 import { RESULTS_LOADING_DELAY } from "../constants.js";
 import "../../../components/ui/overflowableText/OverflowableText.js";
-import "react-hook-form";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../components/ui/treeViewFinder/TreeViewFinder.js";

package/dist/features/results/shortcircuit/shortcircuit-analysis-result.js

@@ -17,8 +17,8 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import { useOpenLoaderShortWait } from "../../../hooks/useOpenLoaderShortWait.js";
-import "../../../components/ui/overflowableText/OverflowableText.js";
 import "react-hook-form";
+import "../../../components/ui/overflowableText/OverflowableText.js";
 import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
 import "yup";
 import "../../../components/ui/treeViewFinder/TreeViewFinder.js";

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

@@ -1,7 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Stack, Typography, Box, Tooltip, IconButton, Divider } from "@mui/material";
+import { Stack, Box, Typography, Tooltip, IconButton, Divider } from "@mui/material";
 import { Info } from "@mui/icons-material";
+import { useState, useEffect } from "react";
 import { useAppSideBarDialogs, SideBarDialogType } from "./dialogs/AppSideBarDialogProvider.js";
+import { fetchEnv } from "../../services/appsMetadata.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import { EnvironmentChip } from "./EnvironmentChip.js";
 function AppSideBarHeader({
   isMinimized,
   isLoggedIn,
@@ -11,6 +16,10 @@ function AppSideBarHeader({
   appVersion
 }) {
   const { setOpenDialog } = useAppSideBarDialogs();
+  const [environment, setEnvironment] = useState("");
+  useEffect(() => {
+    fetchEnv().then((env) => setEnvironment(env?.environment ?? ""));
+  }, []);
   return /* @__PURE__ */ jsxs(
     Stack,
     {
@@ -21,10 +30,16 @@ function AppSideBarHeader({
       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__ */ jsxs(Box, { sx: { position: "relative", display: "inline-block" }, children: [
+            appLogo,
+            isMinimized && /* @__PURE__ */ jsx(EnvironmentChip, { environment, variant: "minimized" })
+          ] }),
+          !isMinimized && /* @__PURE__ */ jsxs(Box, { sx: { position: "relative", display: "inline-block" }, children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "h6", children: [
+              "Grid",
+              /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: appNameColor }, children: appName })
+            ] }),
+            /* @__PURE__ */ jsx(EnvironmentChip, { environment, variant: "expanded" })
           ] })
         ] }),
         /* @__PURE__ */ jsx(

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

@@ -0,0 +1,13 @@
+/**
+ * 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/.
+ */
+type EnvironmentChipVariant = 'minimized' | 'expanded';
+interface EnvironmentChipProps {
+    environment: string;
+    variant: EnvironmentChipVariant;
+}
+export declare function EnvironmentChip({ environment, variant }: Readonly<EnvironmentChipProps>): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { Chip } from "@mui/material";
+const envColors = {
+  REC: "#304FFE",
+  DEV: "#DD2C00",
+  PRE: "#AA00FF",
+  PRO: "#DD2C00",
+  DCH: "#2E7D32"
+};
+const variantStyles = {
+  minimized: {
+    transform: "translate(40%, -10%)",
+    height: "12px"
+  },
+  expanded: {
+    transform: "translate(120%, -10%)",
+    height: "15px"
+  }
+};
+function isEnvironment(value) {
+  return value in envColors;
+}
+function EnvironmentChip({ environment, variant }) {
+  if (!isEnvironment(environment)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: environment,
+      size: "small",
+      sx: {
+        position: "absolute",
+        top: 0,
+        right: 5,
+        fontSize: "0.5rem",
+        backgroundColor: envColors[environment],
+        color: "#ffffff",
+        "& .MuiChip-label": {
+          padding: "0 4px"
+        },
+        ...variantStyles[variant]
+      }
+    }
+  );
+}
+export {
+  EnvironmentChip
+};

package/dist/hooks/index.d.ts

@@ -18,3 +18,4 @@ export * from './useSelectAppearance';
 export * from './use-parameters-backend';
 export * from './useGetLabelEquipmentTypes';
 export * from './useOpenLoaderShortWait';
+export * from './use-tabs';

package/dist/hooks/index.js

@@ -13,6 +13,7 @@ import { useSelectAppearance } from "./useSelectAppearance.js";
 import { OptionalServicesStatus, useParametersBackend } from "./use-parameters-backend.js";
 import { useGetLabelEquipmentTypes } from "./useGetLabelEquipmentTypes.js";
 import { useOpenLoaderShortWait } from "./useOpenLoaderShortWait.js";
+import { useTabs } from "./use-tabs.js";
 export {
   OptionalServicesStatus,
   getComputedLanguage,
@@ -31,5 +32,6 @@ export {
   useSelectAppearance,
   useSnackMessage,
   useStateBoolean,
-  useStateNumber
+  useStateNumber,
+  useTabs
 };

package/dist/hooks/use-tabs.d.ts

@@ -0,0 +1,33 @@
+import { SyntheticEvent } from 'react';
+import { FieldErrors } from 'react-hook-form';
+export type UseTabsProps<TTabValue extends string | number> = {
+    defaultTab: TTabValue;
+    /**
+     * Live form errors (usually `formState.errors`). Used to refresh the
+     * highlight when the user switches tabs. Navigation NEVER reacts to it:
+     * the only navigation trigger is `onError`.
+     */
+    errors?: FieldErrors;
+    /** All possible tab values. Required if `tabFields` is omitted. */
+    tabValues?: TTabValue[];
+    /**
+     * Maps each tab value to the react-hook-form field path(s) whose validity
+     * decides whether the tab is highlighted. Falls back to `[String(tabValue)]`.
+     */
+    tabFields?: Partial<Record<TTabValue, string[]>>;
+};
+export type UseTabsReturn<TTabValue extends string | number> = {
+    selectedTab: TTabValue;
+    setSelectedTab: (tab: TTabValue) => void;
+    /** Errored tabs, excluding the currently selected one. */
+    tabsWithError: TTabValue[];
+    /** Handler for MUI `<Tabs onChange>`. Refreshes the highlight. */
+    onTabChange: (event: SyntheticEvent<Element, Event>, newValue: TTabValue) => void;
+    /**
+     * Invalid-submit handler — pass it as the 2nd argument of
+     * `handleSubmit(onSubmit, onError)`. This is the ONLY place navigation happens:
+     * stays on the current tab if it has errors, otherwise jumps to the first errored tab.
+     */
+    onError: (errors: FieldErrors) => void;
+};
+export declare function useTabs<TTabValue extends string | number>({ defaultTab, errors, tabValues, tabFields, }: Readonly<UseTabsProps<TTabValue>>): UseTabsReturn<TTabValue>;

package/dist/hooks/use-tabs.js

@@ -0,0 +1,55 @@
+import { useState, useMemo, useCallback } from "react";
+import { get } from "react-hook-form";
+import { isObjectEmpty } from "../utils/functions.js";
+function useTabs({
+  defaultTab,
+  errors,
+  tabValues,
+  tabFields
+}) {
+  const [selectedTab, setSelectedTab] = useState(defaultTab);
+  const [tabsWithError, setTabsWithError] = useState([]);
+  const resolvedTabValues = useMemo(() => {
+    if (tabValues?.length) {
+      return tabValues;
+    }
+    return Object.keys(tabFields ?? {}).map((key) => {
+      const asNumber = Number(key);
+      return Number.isNaN(asNumber) ? key : asNumber;
+    });
+  }, [tabValues, tabFields]);
+  const getTabsWithError = useCallback(
+    (_errors) => resolvedTabValues.filter((tabValue) => {
+      const fields = tabFields?.[tabValue] ?? [String(tabValue)];
+      return fields.some((field) => get(_errors, field));
+    }),
+    [resolvedTabValues, tabFields]
+  );
+  const onTabChange = useCallback(
+    (_event, newSelectedTab) => {
+      setSelectedTab(newSelectedTab);
+      const erroredTabs = errors && !isObjectEmpty(errors) ? getTabsWithError(errors) : [];
+      setTabsWithError(erroredTabs.filter((errorTab) => errorTab !== newSelectedTab));
+    },
+    [errors, getTabsWithError]
+  );
+  const onError = useCallback(
+    (_errors) => {
+      if (!_errors || isObjectEmpty(_errors)) {
+        return;
+      }
+      const erroredTabs = getTabsWithError(_errors);
+      if (erroredTabs.includes(selectedTab)) {
+        setTabsWithError(erroredTabs.filter((errorTab) => errorTab !== selectedTab));
+      } else if (erroredTabs.length > 0) {
+        setSelectedTab(erroredTabs[0]);
+        setTabsWithError(erroredTabs.slice(1));
+      }
+    },
+    [getTabsWithError, selectedTab]
+  );
+  return { selectedTab, setSelectedTab, tabsWithError, onTabChange, onError };
+}
+export {
+  useTabs
+};