Manage sensitivity parameters with node built

src/components/graph/menus/create-node-menu.tsx

@@ -12,8 +12,7 @@
 import { useSelector } from 'react-redux';
 import ChildMenuItem from './create-child-menu-item';
 import { CustomDialog } from '../../utils/custom-dialog';
-import { CustomNestedMenuItem, PARAM_DEVELOPER_MODE } from '@gridsuite/commons-ui';
-import { BUILD_STATUS } from '../../network/constants';
+import { CustomNestedMenuItem, PARAM_DEVELOPER_MODE, BuildStatus } from '@gridsuite/commons-ui';
 import { type AppState, type NodeSelectionForCopy } from 'redux/reducer.type';
 import type { UUID } from 'node:crypto';
 import NetworkModificationTreeModel from '../network-modification-tree-model';
@@ -354,7 +353,7 @@
             id: 'buildNode',
             disabled:
                 activeNode?.data?.globalBuildStatus?.startsWith('BUILT') ||
-                activeNode?.data?.globalBuildStatus === BUILD_STATUS.BUILDING,
+                activeNode?.data?.globalBuildStatus === BuildStatus.BUILDING,
         },
         UNBUILD_NODE: {
             onRoot: false,

src/components/graph/menus/root-network/unbuild-all-nodes-button.tsx

@@ -4,7 +4,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
-import { CancelButton, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
+import { CancelButton, snackWithFallback, useSnackMessage, BuildStatus } from '@gridsuite/commons-ui';
 import { StopCircleOutlined } from '@mui/icons-material';
 import {
     Button,
@@ -22,7 +22,6 @@
 import { AppState } from 'redux/reducer.type';
 import { unbuildAllStudyNodes } from 'services/study/study';
 import { NETWORK_MODIFICATION } from '../../../../utils/report/report.constant';
-import { BUILD_STATUS } from '../../../network/constants';
 
 const styles = {
     button: {
@@ -73,7 +72,7 @@
             .filter((treeNode) => treeNode.type === NETWORK_MODIFICATION)
             .every(
                 (treeNode) =>
-                    treeNode.data.globalBuildStatus === BUILD_STATUS.NOT_BUILT ||
+                    treeNode.data.globalBuildStatus === BuildStatus.NOT_BUILT ||
                     treeNode.data.globalBuildStatus === undefined
             );
     }, [treeModel]);

src/components/graph/network-modification-tree-model.ts

@@ -6,7 +6,7 @@
  */
 
 import { convertNodetoReactFlowModelNode, getModificationNodeDataOrUndefined } from './util/model-functions';
-import { BUILD_STATUS } from '../network/constants';
+import { BuildStatus } from '@gridsuite/commons-ui';
 import type { UUID } from 'node:crypto';
 import { Edge } from '@xyflow/react';
 import { AbstractNode, CurrentTreeNode, NetworkModificationNodeData, RootNodeData } from './tree-node.type';
@@ -273,6 +273,6 @@
 
     setBuildingStatus() {
         this.isAnyNodeBuilding =
-            this.treeNodes.find((node) => node?.data?.globalBuildStatus === BUILD_STATUS.BUILDING) !== undefined;
+            this.treeNodes.find((node) => node?.data?.globalBuildStatus === BuildStatus.BUILDING) !== undefined;
     }
 }

src/components/graph/nodes/build-button.tsx

@@ -5,16 +5,15 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { BUILD_STATUS } from 'components/network/constants';
 import React, { useCallback, useState } from 'react';
 import { PlayCircleFilled, StopCircleOutlined } from '@mui/icons-material';
 import { Button, CircularProgress } from '@mui/material';
 import { buildNode, unbuildNode } from '../../../services/study';
 import type { UUID } from 'node:crypto';
-import { type MuiStyles, snackWithFallback, useSnackMessage } from '@gridsuite/commons-ui';
+import { type MuiStyles, snackWithFallback, BuildStatus, useSnackMessage } from '@gridsuite/commons-ui';
 
 type BuildButtonProps = {
-    buildStatus?: BUILD_STATUS;
+    buildStatus?: BuildStatus;
     studyUuid: UUID | null;
     currentRootNetworkUuid: UUID | null;
     nodeUuid: UUID;
@@ -50,7 +49,7 @@
 
             setIsLoading(true);
 
-            if (!buildStatus || buildStatus === BUILD_STATUS.NOT_BUILT) {
+            if (!buildStatus || buildStatus === BuildStatus.NOT_BUILT) {
                 buildNode(studyUuid, nodeUuid, currentRootNetworkUuid)
                     .catch((error) => snackWithFallback(snackError, error, { headerId: 'NodeBuildingError' }))
                     .finally(() => {
@@ -73,7 +72,7 @@
         if (isLoading) {
             return <CircularProgress size={24} color="primary" />;
         }
-        return !buildStatus || buildStatus === BUILD_STATUS.NOT_BUILT ? (
+        return !buildStatus || buildStatus === BuildStatus.NOT_BUILT ? (
             <PlayCircleFilled sx={styles.playColor} />
         ) : (
             <StopCircleOutlined color="primary" />

src/components/graph/nodes/network-modification-node.tsx

@@ -9,16 +9,21 @@
 import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
 import { useSelector } from 'react-redux';
 import Box from '@mui/material/Box';
-import { copyToClipboard, LIGHT_THEME, type MuiStyles, useSnackMessage } from '@gridsuite/commons-ui';
+import {
+    copyToClipboard,
+    LIGHT_THEME,
+    type MuiStyles,
+    useSnackMessage,
+    BuildStatusChip,
+    BuildStatus,
+} from '@gridsuite/commons-ui';
 import { getLocalStorageTheme } from '../../../redux/session-storage/local-storage';
-import { BUILD_STATUS } from '../../network/constants';
 import { AppState } from 'redux/reducer.type';
 import { CopyType } from 'components/network-modification.type';
 import { ModificationNode } from '../tree-node.type';
 import NodeHandle from './node-handle';
 import { baseNodeStyles, interactiveNodeStyles } from './styles';
 import NodeOverlaySpinner from './node-overlay-spinner';
-import BuildStatusChip from './build-status-chip';
 
 import { BuildButton } from './build-button';
 import { Tooltip, Typography } from '@mui/material';
@@ -160,7 +165,7 @@
                     buildStatus={props.data.globalBuildStatus}
                     sx={styles.chipFloating}
                     icon={<ArrowUpwardIcon style={{ fontSize: '14px' }} color="inherit" />}
                     onClick={(e) => e.stopPropagation()}
                 />
             )}
 
@@ -189,13 +194,13 @@
                     </Box>
 
                     <Box sx={styles.footerBox}>
-                        {props.data.globalBuildStatus !== BUILD_STATUS.BUILDING && (
+                        {props.data.globalBuildStatus !== BuildStatus.BUILDING && (
                             <BuildStatusChip buildStatus={props.data.localBuildStatus} />
                         )}
                     </Box>
 
                     <Box sx={styles.buildBox}>
-                        {props.data.localBuildStatus !== BUILD_STATUS.BUILDING && (
+                        {props.data.localBuildStatus !== BuildStatus.BUILDING && (
                             <BuildButton
                                 buildStatus={props.data.localBuildStatus}
                                 studyUuid={studyUuid}
@@ -205,7 +210,7 @@
                         )}
                     </Box>
 
-                    {props.data.localBuildStatus === BUILD_STATUS.BUILDING && <NodeOverlaySpinner />}
+                    {props.data.localBuildStatus === BuildStatus.BUILDING && <NodeOverlaySpinner />}
                 </ForwardRefBox>
             </Tooltip>
         </>

src/components/graph/tree-node.type.ts

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import type { UUID } from 'node:crypto';
-import { BUILD_STATUS } from '../network/constants';
+import { BuildStatus } from '@gridsuite/commons-ui';
 import { Node } from '@xyflow/react';
 
 export enum NodeType {
@@ -40,8 +40,8 @@
 };
 
 export interface NodeBuildStatus {
-    globalBuildStatus: BUILD_STATUS;
-    localBuildStatus: BUILD_STATUS;
+    globalBuildStatus: BuildStatus;
+    localBuildStatus: BuildStatus;
 }
 
 export type RootNodeData = AbstractNode & {
@@ -67,12 +67,12 @@
 
 export type NodeCommonData = {
     label: string;
-    globalBuildStatus?: BUILD_STATUS;
+    globalBuildStatus?: BuildStatus;
     description?: string;
     readOnly?: boolean;
     nodeType?: NetworkModificationNodeType;
 };
-export type ReactFlowModificationNodeData = NodeCommonData & { localBuildStatus?: BUILD_STATUS };
+export type ReactFlowModificationNodeData = NodeCommonData & { localBuildStatus?: BuildStatus };
 
 export type ModificationNode = Node<ReactFlowModificationNodeData, NodeType.NETWORK_MODIFICATION> & {
     id: UUID;

src/components/graph/util/model-functions.ts

@@ -6,7 +6,7 @@
  */
 
 import type { UUID } from 'node:crypto';
-import { BUILD_STATUS } from '../../network/constants';
+import { BuildStatus } from '@gridsuite/commons-ui';
 import type NetworkModificationTreeModel from '../network-modification-tree-model';
 import {
     CurrentTreeNode,
@@ -121,7 +121,7 @@
     return node?.data?.readOnly ? true : false; // ternary operator because of potential undefined
 }
 
-export function isStatusBuilt(status: BUILD_STATUS | undefined) {
+export function isStatusBuilt(status: BuildStatus | undefined) {
     return status?.startsWith('BUILT');
 }
 

src/components/network-modification-tree-pane.jsx

@@ -30,9 +30,9 @@ import {
     snackWithFallback,
     useNotificationsListener,
     useSnackMessage,
+    BuildStatus,
 } from '@gridsuite/commons-ui';
 import { ExportNetworkDialog } from './dialogs/export-network/export-network-dialog';
-import { BUILD_STATUS } from './network/constants';
 import {
     copySubtree,
     copyTreeNode,
@@ -261,8 +261,8 @@ export const NetworkModificationTreePane = ({ studyUuid, currentRootNetworkUuid
                     createTreeNode(studyUuid, element.id, insertMode, {
                         name: response,
                         type: type,
-                        localBuildStatus: BUILD_STATUS.NOT_BUILT,
-                        globalBuildStatus: BUILD_STATUS.NOT_BUILT,
+                        localBuildStatus: BuildStatus.NOT_BUILT,
+                        globalBuildStatus: BuildStatus.NOT_BUILT,
                         nodeType: networkModificationNodeType,
                     }).catch((error) => {
                         snackWithFallback(snackError, error, { headerId: 'NodeCreateError' });

src/components/network/constants.ts

@@ -129,14 +129,6 @@ export const VARIATION_TYPES = {
     TARGET_P: { id: 'TARGET_P', label: 'TargetPText' },
 } as const;
 
-export enum BUILD_STATUS {
-    NOT_BUILT = 'NOT_BUILT',
-    BUILDING = 'BUILDING',
-    BUILT = 'BUILT',
-    BUILT_WITH_WARNING = 'BUILT_WITH_WARNING',
-    BUILT_WITH_ERROR = 'BUILT_WITH_ERROR',
-}
-
 export const SWITCH_TYPE = {
     BREAKER: { id: 'BREAKER', label: 'Breaker' },
     DISCONNECTOR: { id: 'DISCONNECTOR', label: 'Disconnector' },

src/components/parameters-tabs.tsx

@@ -49,6 +49,7 @@
     VoltageInitParametersInLine,
     DynamicSecurityAnalysisInline,
     fetchDynamicSecurityAnalysisProviders,
+    BuildStatus,
 } from '@gridsuite/commons-ui';
 import { useParametersNotification } from './dialogs/parameters/use-parameters-notification';
 import { useGetVoltageInitParameters } from './dialogs/parameters/use-get-voltage-init-parameters';
@@ -67,7 +68,6 @@
     fetchDynamicSecurityAnalysisParameters,
     updateDynamicSecurityAnalysisParameters,
 } from '../services/study/dynamic-security-analysis';
-import { BUILD_STATUS } from './network/constants';
 
 enum TAB_VALUES {
     lfParamsTabValue = 'LOAD_FLOW',
@@ -88,6 +88,7 @@
     const attemptedLeaveParametersTabIndex = useSelector((state: AppState) => state.attemptedLeaveParametersTabIndex);
     const user = useSelector((state: AppState) => state.user);
     const studyUuid = useSelector((state: AppState) => state.studyUuid);
+    const currentNode = useSelector((state: AppState) => state.currentTreeNode ?? null);
     const currentNodeUuid = useSelector((state: AppState) => state.currentTreeNode?.id ?? null);
     const currentNodeBuildStatus = useSelector((state: AppState) => state.currentTreeNode?.data.globalBuildStatus);
     const currentRootNetworkUuid = useSelector((state: AppState) => state.currentRootNetworkUuid);
@@ -315,8 +316,8 @@
                         parametersBackend={securityAnalysisParametersBackend}
                         fetchContingencyCount={fetchContingencyCountBackend}
                         isBuiltCurrentNode={
-                            currentNodeBuildStatus !== BUILD_STATUS.NOT_BUILT &&
-                            currentNodeBuildStatus !== BUILD_STATUS.BUILDING
+                            currentNodeBuildStatus !== BuildStatus.NOT_BUILT &&
+                            currentNodeBuildStatus !== BuildStatus.BUILDING
                         }
                         setHaveDirtyFields={setDirtyFields}
                         isDeveloperMode={isDeveloperMode}
@@ -330,6 +331,7 @@
                         currentRootNetworkUuid={currentRootNetworkUuid}
                         parametersBackend={sensitivityAnalysisBackend}
                         setHaveDirtyFields={setDirtyFields}
+                        globalBuildStatus={currentNode?.data?.globalBuildStatus}
                         isDeveloperMode={isDeveloperMode}
                     />
                 );
@@ -394,6 +396,7 @@
                 );
         }
     }, [
+        currentNode,
         tabValue,
         studyUuid,
         languageLocal,

src/components/results/common/computation-report-viewer.tsx

@@ -9,11 +9,10 @@ import { FunctionComponent, useEffect, useMemo, useState } from 'react';
 import ReportViewer from '../../report-viewer/report-viewer';
 import { useSelector } from 'react-redux';
 import { AppState } from '../../../redux/reducer.type';
-import { ComputingType } from '@gridsuite/commons-ui';
+import { ComputingType, BuildStatus } from '@gridsuite/commons-ui';
 import WaitingLoader from '../../utils/waiting-loader';
 import { useReportFetcher } from '../../../hooks/use-report-fetcher';
 import { Report, SeverityLevel } from '../../../utils/report/report.type';
-import { BUILD_STATUS } from 'components/network/constants';
 import { sortSeverityList } from 'utils/report/report-severity';
 
 interface ComputationReportViewerProps {
@@ -27,7 +26,7 @@ export const ComputationReportViewer: FunctionComponent<ComputationReportViewerP
     const currentNode = useSelector((state: AppState) => state.currentTreeNode);
     const [isReportLoading, fetchReport, fetchReportSeverities] = useReportFetcher(reportType);
     const shouldFetchReport = useMemo(
-        () => studyUuid && currentNode?.id && currentNode?.data?.globalBuildStatus !== BUILD_STATUS.NOT_BUILT,
+        () => studyUuid && currentNode?.id && currentNode?.data?.globalBuildStatus !== BuildStatus.NOT_BUILT,
         [studyUuid, currentNode]
     );