Hide limits properties components for modification

Signed-off-by: basseche <[email protected]>

Author: basseche

src/components/dialogs/limits/limits-pane.tsx

@@ -211,6 +211,7 @@ export function LimitsPane({
                                         selectedLimitSetName={operationalLimitsGroup.name}
                                         checkLimitSetUnicity={checkLimitSetUnicity}
                                         disabled={!olgEditable}
+                                        isModification={isAModification}
                                     />
                                 )
                         )}

src/components/dialogs/limits/limits-properties-side-stack.tsx

@@ -64,7 +64,7 @@ export function LimitsPropertiesSideStack({ formName, disabled }: Readonly<Limit
     );
 
     return (
-        <Stack direction="column" spacing={2} paddingBottom={2} flexWrap="wrap" >
+        <Stack direction="column" spacing={2} paddingBottom={2} flexWrap="wrap">
             <Stack direction="row" sx={{ display: 'flex', flexWrap: 'wrap' }}>
                 {limitsProperties?.map((property: LimitsProperty, index: number) => (
                     <LimitsTagChip
@@ -75,7 +75,12 @@ export function LimitsPropertiesSideStack({ formName, disabled }: Readonly<Limit
                     />
                 ))}
                 {!isEditing ? (
-                    <IconButton color="primary" sx={{ verticalAlign: 'center' }} onClick={() => setIsEditing(true)} disabled={disabled}>
+                    <IconButton
+                        color="primary"
+                        sx={{ verticalAlign: 'center' }}
+                        onClick={() => setIsEditing(true)}
+                        disabled={disabled}
+                    >
                         <AddCircle />
                     </IconButton>
                 ) : (

src/components/dialogs/limits/limits-side-pane.tsx

@@ -49,6 +49,7 @@ export interface LimitsSidePaneProps {
     selectedLimitSetName?: string;
     checkLimitSetUnicity: (editedLimitGroupName: string, newSelectedApplicability: string) => string;
     disabled: boolean;
+    isModification?: boolean;
 }
 
 export function LimitsSidePane({
@@ -62,6 +63,7 @@ export function LimitsSidePane({
     selectedLimitSetName,
     checkLimitSetUnicity,
     disabled,
+    isModification,
 }: Readonly<LimitsSidePaneProps>) {
     const intl = useIntl();
     const { setError, getValues } = useFormContext();
@@ -205,7 +207,12 @@ export function LimitsSidePane({
         <Box sx={{ p: 2 }}>
             {limitsGroupApplicabilityName && (
                 <Box>
-                    <LimitsPropertiesSideStack formName={`${OplimitsGroupFormName}.${LIMITS_PROPERTIES}`} disabled={disabled}/>
+                    {!isModification && (
+                        <LimitsPropertiesSideStack
+                            formName={`${OplimitsGroupFormName}.${LIMITS_PROPERTIES}`}
+                            disabled={disabled}
+                        />
+                    )}
                     <Grid container justifyContent="flex-start" alignItems="center" sx={{ paddingBottom: '15px' }}>
                         <Grid item xs={2}>
                             <FormattedMessage id="Applicability" />

src/components/dialogs/limits/operational-limits-groups-tabs.tsx

@@ -339,9 +339,11 @@ export const OperationalLimitsGroupsTabs = forwardRef<any, OperationalLimitsGrou
                                                     ''
                                                 )}
                                             </Stack>
-                                            <LimitsPropertiesStack
-                                                formName={`${parentFormName}.${OPERATIONAL_LIMITS_GROUPS}[${index}].${LIMITS_PROPERTIES}`}
-                                            />
+                                            {!isAModification && (
+                                                <LimitsPropertiesStack
+                                                    formName={`${parentFormName}.${OPERATIONAL_LIMITS_GROUPS}[${index}].${LIMITS_PROPERTIES}`}
+                                                />
+                                            )}
                                         </Stack>
 
                                         {(index === hoveredRowIndex || index === activatedByMenuTabIndex) && (