@gridsuite/commons-ui 0.286.0 → 0.288.0

package/dist/components/composite/customAGGrid/cell-renderers.js

@@ -29,7 +29,7 @@ const styles = {
 const FORMULA_ERROR_KEY = "spreadsheet/formula/error";
 function BooleanCellRenderer({ value }) {
   const isChecked = value;
-  return /* @__PURE__ */ jsx("div", { children: value !== void 0 && /* @__PURE__ */ jsx(Checkbox, { style: { padding: 0 }, color: "default", checked: isChecked, disableRipple: true }) });
+  return /* @__PURE__ */ jsx("div", { children: value != null && /* @__PURE__ */ jsx(Checkbox, { style: { padding: 0 }, color: "default", checked: isChecked, disableRipple: true }) });
 }
 function BooleanNullableCellRenderer({ value }) {
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -52,9 +52,6 @@ const formatNumericCell = (value, fractionDigits) => {
 const formatCell = (props) => {
   let value = props?.valueFormatted || props.value;
   let tooltipValue;
-  if (!value && props.colDef.valueGetter) {
-    props.colDef.valueGetter(props);
-  }
   if (value != null && props.colDef.context?.numeric && props.colDef.context?.fractionDigits) {
     tooltipValue = value;
     value = Number.parseFloat(value).toFixed(props.colDef.context.fractionDigits);

package/dist/components/ui/dialogs/elementSaveDialog/ElementSaveDialog.d.ts

@@ -1,4 +1,5 @@
 import { UUID } from 'node:crypto';
+import { AlertColor } from '@mui/material';
 import { ElementAttributes, ElementType, FieldConstants } from '../../../../utils';
 declare enum OperationType {
     CREATE = "CREATE",
@@ -36,6 +37,8 @@ export type ElementSaveDialogProps = {
     createLabelId?: string;
     updateLabelId?: string;
     createOnlyMode?: boolean;
+    alertMessageId?: string;
+    alertSeverity?: AlertColor;
 } & ({
     /** createOnlyMode uses only CREATE operation */
     createOnlyMode: true;
@@ -58,5 +61,5 @@ export type ElementSaveDialogProps = {
     /** or directly a given directory */
     initDirectory?: ElementAttributes;
 });
-export declare function ElementSaveDialog({ open, onSave, OnUpdate, onSaveShared, createSharedLabelId, createSharedDisabled, onClose, type, titleId, prefixIdForGeneratedName, defaultName, studyUuid, initDirectory, initialOperation, selectorTitleId, createLabelId, updateLabelId, createOnlyMode, }: Readonly<ElementSaveDialogProps>): import("react").JSX.Element;
+export declare function ElementSaveDialog({ open, onSave, OnUpdate, onSaveShared, createSharedLabelId, createSharedDisabled, onClose, type, titleId, prefixIdForGeneratedName, defaultName, studyUuid, initDirectory, initialOperation, selectorTitleId, createLabelId, updateLabelId, createOnlyMode, alertMessageId, alertSeverity, }: Readonly<ElementSaveDialogProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useIntl, FormattedMessage } from "react-intl";
 import { useState, useCallback, useEffect } from "react";
-import { Stack, Grid, Button, Typography, Box, CircularProgress } from "@mui/material";
+import { Stack, Grid, Alert, Button, Typography, Box, CircularProgress } from "@mui/material";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as yup from "yup";
@@ -68,7 +68,9 @@ function ElementSaveDialog({
   selectorTitleId,
   createLabelId,
   updateLabelId,
-  createOnlyMode = false
+  createOnlyMode = false,
+  alertMessageId,
+  alertSeverity = "warning"
 }) {
   const intl = useIntl();
   const { snackError } = useSnackMessage();
@@ -280,7 +282,8 @@ function ElementSaveDialog({
             })
           },
           isCreateMode ? destinationFolder?.id : selectedItem?.id
-        )
+        ),
+        alertMessageId && /* @__PURE__ */ jsx(Alert, { severity: alertSeverity, children: /* @__PURE__ */ jsx(FormattedMessage, { id: alertMessageId }) })
       ]
     }
   );

package/dist/features/index.js

@@ -74,6 +74,7 @@ import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREA
 import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters/parameters-style.js";
 import { filledTextField, italicFontTextField, standardTextField } from "./network-modifications/common/form.utils.js";
+import { tabbedFormStyles } from "./network-modifications/common/tabbedForm.styles.js";
 import { PropertiesForm } from "./network-modifications/common/properties/PropertiesForm.js";
 import { PropertyForm } from "./network-modifications/common/properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./network-modifications/common/properties/propertyUtils.js";
@@ -1118,6 +1119,7 @@ export {
   substationModificationFormSchema,
   substationModificationFormToDto,
   syncGlobalFilters,
+  tabbedFormStyles,
   tabularCreationDtoToForm,
   tabularCreationFormToDto,
   tabularFormSchema,

package/dist/features/network-modifications/battery/modification/BatteryModificationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid } from "@mui/material";
+import { Stack, Grid, Box } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import { BatteryDialogHeader } from "./BatteryDialogHeader.js";
 import { BatteryDialogTabs } from "./BatteryDialogTabs.js";
@@ -8,6 +8,64 @@ import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "../../common/properties/propertyUtils.js";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function BatteryModificationForm({
   batteryToModify,
   updatePreviousReactiveCapabilityCurveTable,
@@ -19,7 +77,7 @@ function BatteryModificationForm({
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(BatteryDialogHeader, { batteryToModify, equipmentId }) }),
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       BatteryDialogTabs,
@@ -29,7 +87,7 @@ function BatteryModificationForm({
         onTabChange
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       BatteryDialogTabsContent,
       {
         tabIndex: selectedTab,

package/dist/features/network-modifications/common/index.d.ts

@@ -6,6 +6,7 @@
  */
 export * from './branch';
 export * from './form.utils';
+export * from './tabbedForm.styles';
 export * from './properties';
 export * from './measurements';
 export * from './setpoints';

package/dist/features/network-modifications/common/index.js

@@ -1,4 +1,5 @@
 import { filledTextField, italicFontTextField, standardTextField } from "./form.utils.js";
+import { tabbedFormStyles } from "./tabbedForm.styles.js";
 import { PropertiesForm } from "./properties/PropertiesForm.js";
 import { PropertyForm } from "./properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./properties/propertyUtils.js";
@@ -168,6 +169,7 @@ export {
   sanitizeLimitNames,
   sanitizeLimitsGroups,
   standardTextField,
+  tabbedFormStyles,
   testValueWithinPowerInterval,
   toModificationProperties,
   toReactiveCapabilityCurveChoiceForGeneratorCreation,

package/dist/features/network-modifications/common/tabbedForm.styles.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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/.
+ */
+/**
+ * Layout of a modification form made of a fixed header, a fixed tabs bar and a scrollable content:
+ *
+ * <Stack spacing={2} sx={tabbedFormStyles.container}>
+ *     <SomeDialogHeader />
+ *     <SomeDialogTabs />
+ *     <Box sx={tabbedFormStyles.scrollableContent}>
+ *         <SomeDialogTabsContent />
+ *     </Box>
+ * </Stack>
+ *
+ * The container fills its parent only when the host dialog gives it a determinate height
+ * (`unscrollableFullHeight` on `CustomMuiDialog`, or a fixed paper height). Otherwise `height: 100%`
+ * resolves to `auto` and the form keeps growing with its content.
+ */
+export declare const tabbedFormStyles: {
+    readonly container: {
+        readonly height: "100%";
+    };
+    readonly scrollableContent: {
+        readonly flexGrow: 1;
+        readonly overflowY: "auto";
+        readonly overflowX: "hidden";
+        readonly paddingRight: 3;
+    };
+};

package/dist/features/network-modifications/common/tabbedForm.styles.js

@@ -0,0 +1,14 @@
+const tabbedFormStyles = {
+  container: {
+    height: "100%"
+  },
+  scrollableContent: {
+    flexGrow: 1,
+    overflowY: "auto",
+    overflowX: "hidden",
+    paddingRight: 3
+  }
+};
+export {
+  tabbedFormStyles
+};

package/dist/features/network-modifications/generator/modification/GeneratorModificationForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid } from "@mui/material";
+import { Stack, Grid, Box } from "@mui/material";
 import { useWatch } from "react-hook-form";
 import { GeneratorDialogHeader } from "./GeneratorDialogHeader.js";
 import { GeneratorDialogTabs } from "./GeneratorDialogTabs.js";
@@ -8,6 +8,64 @@ import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "../../common/properties/propertyUtils.js";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function GeneratorModificationForm({
   generatorToModify,
   updatePreviousReactiveCapabilityCurveTable,
@@ -19,7 +77,7 @@ function GeneratorModificationForm({
 }) {
   const { selectedTab: tabIndex, tabsWithError: tabIndexesWithError, onTabChange } = useTabsReturn;
   const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(GeneratorDialogHeader, { generatorToModify, equipmentId }) }),
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       GeneratorDialogTabs,
@@ -29,7 +87,7 @@ function GeneratorModificationForm({
         onTabChange
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       GeneratorDialogTabsContent,
       {
         tabIndex,

package/dist/features/network-modifications/hvdcLine/vsc/common/form/VscHvdcLineForm.js

@@ -3,6 +3,69 @@ import { Stack, Box } from "@mui/material";
 import { VscHvdcLineDialogHeader } from "./VscHvdcLineDialogHeader.js";
 import { VscHvdcLineDialogTabs } from "./VscHvdcLineDialogTabs.js";
 import { VscHvdcLineDialogTabsContent } from "./VscHvdcLineDialogTabsContent.js";
+import { tabbedFormStyles } from "../../../../common/tabbedForm.styles.js";
+import "react";
+import "react-hook-form";
+import "../../../../common/properties/propertyUtils.js";
+import "../../../../../../utils/conversionUtils.js";
+import "../../../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { mergeSx } from "../../../../../../utils/styles.js";
+import "react-intl";
+import "../../../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../../../common/currentLimits/limitsPane.utils.js";
 function VscHvdcLineForm({
   hvdcLineToModify,
   voltageLevelOptions,
@@ -13,7 +76,7 @@ function VscHvdcLineForm({
   useTabsReturn
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, height: "100%", children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(VscHvdcLineDialogHeader, { hvdcLineToModify, isModification }),
     /* @__PURE__ */ jsx(
       VscHvdcLineDialogTabs,
@@ -24,7 +87,7 @@ function VscHvdcLineForm({
         isModification
       }
     ),
-    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden", paddingLeft: 1.5, paddingRight: 3 }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: mergeSx(tabbedFormStyles.scrollableContent, { paddingLeft: 1.5 }), children: /* @__PURE__ */ jsx(
       VscHvdcLineDialogTabsContent,
       {
         tabIndex: selectedTab,

package/dist/features/network-modifications/index.js

@@ -1,4 +1,5 @@
 import { filledTextField, italicFontTextField, standardTextField } from "./common/form.utils.js";
+import { tabbedFormStyles } from "./common/tabbedForm.styles.js";
 import { PropertiesForm } from "./common/properties/PropertiesForm.js";
 import { PropertyForm } from "./common/properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./common/properties/propertyUtils.js";
@@ -643,6 +644,7 @@ export {
   substationModificationEmptyFormData,
   substationModificationFormSchema,
   substationModificationFormToDto,
+  tabbedFormStyles,
   tabularCreationDtoToForm,
   tabularCreationFormToDto,
   tabularFormSchema,

package/dist/features/network-modifications/line/common/LineForm.js

@@ -3,6 +3,68 @@ import { Stack, Box } from "@mui/material";
 import { LineDialogHeader } from "./LineDialogHeader.js";
 import { LineDialogTabs } from "./LineDialogTabs.js";
 import { LineDialogTabsContent } from "./LineDialogTabsContent.js";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "react-hook-form";
+import "../../common/properties/propertyUtils.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function LineForm({
   lineToModify,
   voltageLevelOptions,
@@ -13,7 +75,7 @@ function LineForm({
   useTabsReturn
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, height: "100%", children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(LineDialogHeader, { lineToModify, isModification }),
     /* @__PURE__ */ jsx(
       LineDialogTabs,
@@ -25,7 +87,7 @@ function LineForm({
         withConnectivity
       }
     ),
-    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden", paddingRight: 3 }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       LineDialogTabsContent,
       {
         tabIndex: selectedTab,

package/dist/features/network-modifications/load/common/LoadForm.js

@@ -1,8 +1,70 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Grid } from "@mui/material";
+import { Stack, Grid, Box } from "@mui/material";
 import { LoadDialogHeader } from "./LoadDialogHeader.js";
 import { LoadDialogTabs } from "./LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./LoadDialogTabsContent.js";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "react-hook-form";
+import "../../common/properties/propertyUtils.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function LoadForm({
   loadToModify,
   isModification,
@@ -12,7 +74,7 @@ function LoadForm({
   useTabsReturn
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(LoadDialogHeader, { loadToModify, isModification }) }),
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
       LoadDialogTabs,
@@ -23,7 +85,7 @@ function LoadForm({
         isModification
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       LoadDialogTabsContent,
       {
         tabIndex: selectedTab,

package/dist/features/network-modifications/static-var-compensator/creation/static-var-compensator-creation-form.js

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack, Box } from "@mui/material";
-import { StaticVarCompensatorDialogHeader } from "../common/static-var-compensator-dialog-header.js";
-import { StaticVarCompensatorDialogTabs } from "../common/static-var-compensator-dialog-tabs.js";
-import "../common/static-var-compensator-tab-utils.js";
-import "yup";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "react-hook-form";
+import "../../common/properties/propertyUtils.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import "react-hook-form";
-import "react";
 import "react-intl";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
 import "localized-countries";
@@ -16,6 +14,7 @@ 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";
@@ -32,7 +31,6 @@ import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";
-import "../../common/properties/propertyUtils.js";
 import "react-dom";
 import "autosuggest-highlight/match";
 import "autosuggest-highlight/parse";
@@ -64,6 +62,9 @@ import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
 import "@mui/material/colors";
 import "@mui/x-charts";
 import "../../common/currentLimits/limitsPane.utils.js";
+import { StaticVarCompensatorDialogHeader } from "../common/static-var-compensator-dialog-header.js";
+import { StaticVarCompensatorDialogTabs } from "../common/static-var-compensator-dialog-tabs.js";
+import "../common/static-var-compensator-tab-utils.js";
 import "../../shunt-compensator/creation/shuntCompensatorCreation.utils.js";
 import "../../shunt-compensator/modification/shuntCompensatorModification.utils.js";
 import { StaticVarCompensatorTabsContent } from "../common/static-var-compensator-tabs-content.js";
@@ -75,7 +76,7 @@ function StaticVarCompensatorCreationForm({
   useTabsReturn
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(StaticVarCompensatorDialogHeader, {}),
     /* @__PURE__ */ jsx(
       StaticVarCompensatorDialogTabs,
@@ -85,7 +86,7 @@ function StaticVarCompensatorCreationForm({
         onTabChange
       }
     ),
-    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden", paddingRight: 3 }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       StaticVarCompensatorTabsContent,
       {
         voltageLevelOptions,

package/dist/features/network-modifications/twoWindingsTransformer/common/TwoWindingsTransformerForm.js

@@ -3,6 +3,68 @@ import { Stack, Box } from "@mui/material";
 import { TwoWindingsTransformerDialogHeader } from "./TwoWindingsTransformerDialogHeader.js";
 import { TwoWindingsTransformerDialogTabs } from "./TwoWindingsTransformerDialogTabs.js";
 import { TwoWindingsTransformerDialogTabsContent } from "./TwoWindingsTransformerDialogTabsContent.js";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
+import "react";
+import "react-hook-form";
+import "../../common/properties/propertyUtils.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+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 "mui-nested-menu";
+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 "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function TwoWindingsTransformerForm({
   twtToModify,
   voltageLevelOptions,
@@ -14,7 +76,7 @@ function TwoWindingsTransformerForm({
   useTabsReturn
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, height: "100%", children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(TwoWindingsTransformerDialogHeader, { twtToModify, isModification }),
     /* @__PURE__ */ jsx(
       TwoWindingsTransformerDialogTabs,
@@ -25,7 +87,7 @@ function TwoWindingsTransformerForm({
         isModification
       }
     ),
-    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden", paddingRight: 3 }, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { sx: tabbedFormStyles.scrollableContent, children: /* @__PURE__ */ jsx(
       TwoWindingsTransformerDialogTabsContent,
       {
         tabIndex: selectedTab,

package/dist/features/network-modifications/voltageLevel/creation/VoltageLevelCreationForm.js

@@ -37,6 +37,7 @@ import { StructureTab } from "./tabs/structureTab/StructureTab.js";
 import { SubstationTab } from "./tabs/substationTab/SubstationTab.js";
 import { CharacteristicsTab } from "./tabs/characteristicsTab/CharacteristicsTab.js";
 import { filledTextField } from "../../common/form.utils.js";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import "../../common/properties/propertyUtils.js";
 import "react-dom";
@@ -78,7 +79,7 @@ function VoltageLevelCreationForm({
 }) {
   const { selectedTab, tabsWithError, onTabChange } = useTabsReturn;
   const watchHideBusBarSection = useWatch({ name: FieldConstants.HIDE_BUS_BAR_SECTION });
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextInput,
@@ -134,7 +135,7 @@ function VoltageLevelCreationForm({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(Grid, { children: [
+    /* @__PURE__ */ jsxs(Box, { sx: tabbedFormStyles.scrollableContent, children: [
       /* @__PURE__ */ jsx(Box, { hidden: selectedTab !== VoltageLevelTab.SUBSTATION_TAB, children: /* @__PURE__ */ jsx(
         SubstationTab,
         {

package/dist/features/network-modifications/voltageLevel/modification/VoltageLevelModificationForm.js

@@ -9,6 +9,7 @@ import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { filledTextField } from "../../common/form.utils.js";
+import { tabbedFormStyles } from "../../common/tabbedForm.styles.js";
 import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
 import "../../../../components/ui/overflowableText/OverflowableText.js";
 import "localized-countries";
@@ -81,7 +82,7 @@ function VoltageLevelModificationForm({
     0
     /* CHARACTERISTICS_TAB */
   );
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, sx: tabbedFormStyles.container, children: [
     /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
       /* @__PURE__ */ jsx(Grid, { size: 4, children: /* @__PURE__ */ jsx(
         TextField,
@@ -162,7 +163,7 @@ function VoltageLevelModificationForm({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(Grid, { children: [
+    /* @__PURE__ */ jsxs(Box, { sx: tabbedFormStyles.scrollableContent, children: [
       /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== 0, children: /* @__PURE__ */ jsxs(Grid, { children: [
         /* @__PURE__ */ jsx(GridSection, { title: "VoltageText" }),
         /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [

package/dist/index.js

@@ -235,6 +235,7 @@ import { ACCURACY, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREA
 import { DynamicMarginCalculationInline } from "./features/parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./features/parameters/parameters-style.js";
 import { filledTextField, italicFontTextField, standardTextField } from "./features/network-modifications/common/form.utils.js";
+import { tabbedFormStyles } from "./features/network-modifications/common/tabbedForm.styles.js";
 import { PropertiesForm } from "./features/network-modifications/common/properties/PropertiesForm.js";
 import { PropertyForm } from "./features/network-modifications/common/properties/PropertyForm.js";
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./features/network-modifications/common/properties/propertyUtils.js";
@@ -1971,6 +1972,7 @@ export {
   suppressNonNumericKeyboardEvent,
   default2 as svg,
   syncGlobalFilters,
+  tabbedFormStyles,
   tableEn,
   tableFr,
   tabularCreationDtoToForm,

package/dist/translations/en/networkModificationsEn.d.ts

@@ -536,4 +536,5 @@ export declare const networkModificationsEn: {
     copyPreviousTopologyStatus: string;
     modifiedSwitchesSeparatorTitle: string;
     unModifiedSwitchesSeparatorTitle: string;
+    SharedModificationsSavedAsCopy: string;
 };

package/dist/translations/en/networkModificationsEn.js

@@ -538,7 +538,8 @@ const networkModificationsEn = {
   currentStatus: "Modified status",
   copyPreviousTopologyStatus: "Fill with previous status",
   modifiedSwitchesSeparatorTitle: "Modification",
-  unModifiedSwitchesSeparatorTitle: "No-modification"
+  unModifiedSwitchesSeparatorTitle: "No-modification",
+  SharedModificationsSavedAsCopy: "Shared modifications will be saved as copy only"
 };
 export {
   networkModificationsEn

package/dist/translations/fr/networkModificationsFr.d.ts

@@ -536,4 +536,5 @@ export declare const networkModificationsFr: {
     copyPreviousTopologyStatus: string;
     modifiedSwitchesSeparatorTitle: string;
     unModifiedSwitchesSeparatorTitle: string;
+    SharedModificationsSavedAsCopy: string;
 };

package/dist/translations/fr/networkModificationsFr.js

@@ -538,7 +538,8 @@ const networkModificationsFr = {
   currentStatus: "État modifié",
   copyPreviousTopologyStatus: "Compléter avec la topologie précédente",
   modifiedSwitchesSeparatorTitle: "OC modifiés",
-  unModifiedSwitchesSeparatorTitle: "OC non-modifiés"
+  unModifiedSwitchesSeparatorTitle: "OC non-modifiés",
+  SharedModificationsSavedAsCopy: "Les modifications partagées seront enregistrées sous forme de copie uniquement"
 };
 export {
   networkModificationsFr

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.286.0",
+    "version": "0.288.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",