@gridsuite/commons-ui 0.241.1 → 0.243.0

package/README.md

@@ -20,8 +20,12 @@ Components are organized as follows:
 
 #### For developers
 
-The commons-ui library have a demo app in which you can call your components to test them.
-The `npm start` command install the library's dependencies then launches the demo app.
+The commons-ui library has a demo app in which you can call your components to test them.
+The `npm start` command installs the library's dependencies then launches the demo app.
+
+The commons-ui Storybook is also available at https://www.gridsuite.org/commons-ui/.
+It is the reference place to document and preview reusable UI components from `src/components/ui`.
+When you add a new component under `src/components/ui`, also add the corresponding story so it is available in Storybook.
 
 ##### Development Scripts
 
@@ -35,6 +39,10 @@ This ensures all developers use the project's local tools version from `node_mod
 
 - **`npm run prebuild`** - Runs linting and type checking before the build (`npm run lint && npm run type-check:build`). This script is executed automatically by npm before `npm run build` and ensures that the build is not executed if linting or type checking fails. You don't need to call this manually unless you want to verify code quality without building.
 
+- **`npm run storybook`** - Starts the Storybook development server. Changes to components and stories are reflected automatically during development.
+
+- **`npm run build-storybook`** - Builds the static Storybook site. This is useful for verifying the production build or publishing the component documentation. This script is used when storybook.yml action is run.
+
 ##### Local Testing
 
 If you want to test your library integration with a consumer application my-app you have first

package/dist/components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -227,7 +227,7 @@ function ExplicitNamingFilterForm({
             CsvPicker,
             {
               label: "UploadCSV",
-              header: csvFileHeaders,
+              requiredColumns: csvFileHeaders,
               language: language ?? LANG_SYSTEM,
               disabled: !watchEquipmentType,
               selectedFile,

package/dist/components/composite/grid/grid-item.d.ts

@@ -2,8 +2,9 @@ import { PropsWithChildren, ReactNode } from 'react';
 import { Grid2Props } from '@mui/material';
 export interface GridItemProps extends PropsWithChildren {
     size?: Grid2Props['size'];
+    offset?: Grid2Props['offset'];
     alignItem?: string;
     tooltip?: ReactNode;
     sx?: Grid2Props['sx'];
 }
-export declare function GridItem({ children, size, alignItem, tooltip, sx }: Readonly<GridItemProps>): import("react").JSX.Element;
+export declare function GridItem({ children, size, offset, alignItem, tooltip, sx, }: Readonly<GridItemProps>): import("react").JSX.Element;

package/dist/components/composite/grid/grid-item.js

@@ -5,8 +5,15 @@ import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { mergeSx } from "../../../utils/styles.js";
-function GridItem({ children, size = 6, alignItem = "flex-start", tooltip, sx }) {
-  return /* @__PURE__ */ jsx(Grid2, { size, sx: mergeSx({ alignItems: alignItem }, sx), children: children && (tooltip ? /* @__PURE__ */ jsx(CustomTooltip, { title: tooltip, children: /* @__PURE__ */ jsx("div", { children }) }) : children) });
+function GridItem({
+  children,
+  size = 6,
+  offset,
+  alignItem = "flex-start",
+  tooltip,
+  sx
+}) {
+  return /* @__PURE__ */ jsx(Grid2, { size, offset, sx: mergeSx({ alignItems: alignItem }, sx), children: children && (tooltip ? /* @__PURE__ */ jsx(CustomTooltip, { title: tooltip, children: /* @__PURE__ */ jsx("div", { children }) }) : children) });
 }
 export {
   GridItem

package/dist/components/ui/csvPicker/csv-picker.d.ts

@@ -10,7 +10,12 @@ type CsvPickerCallbacks<TData> = {
 };
 export type CsvPickerProps<TData = unknown> = {
     label: string;
-    header: string[];
+    /**
+     * Columns that must be present in the imported file. The file is accepted as soon as it
+     * contains every column listed here, in any order; any column that matches none of them is
+     * ignored (not rejected). Pass an empty array to accept any header.
+     */
+    requiredColumns: string[];
     maxLineNumber?: number;
     disabled?: boolean;
     language: string;
@@ -20,5 +25,5 @@ export type CsvPickerProps<TData = unknown> = {
     onFileError: (error: string | undefined) => void;
     getTableData?: () => unknown[];
 } & CsvPickerCallbacks<TData>;
-export declare function CsvPicker<TData = unknown>({ label, header, maxLineNumber, disabled, language, parseConfig, selectedFile, onFileChange, onFileError, onComplete, onAppend, onReplace, getTableData, }: CsvPickerProps<TData>): import("react").JSX.Element;
+export declare function CsvPicker<TData = unknown>({ label, requiredColumns, maxLineNumber, disabled, language, parseConfig, selectedFile, onFileChange, onFileError, onComplete, onAppend, onReplace, getTableData, }: CsvPickerProps<TData>): import("react").JSX.Element;
 export {};

package/dist/components/ui/csvPicker/csv-picker.js

@@ -3,7 +3,6 @@ import { useState, useCallback } from "react";
 import { useIntl, FormattedMessage } from "react-intl";
 import { Button } from "@mui/material";
 import { useCSVReader } from "react-papaparse";
-import { equalsArrayAnyOrder } from "../../../utils/algos.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { hasNonEmptyRows } from "../../../utils/functions.js";
@@ -12,7 +11,7 @@ import "@mui/icons-material";
 import { CsvPickerConfirmationDialog } from "./csv-picker-confirmation-dialog.js";
 function CsvPicker({
   label,
-  header,
+  requiredColumns,
   maxLineNumber,
   disabled = false,
   language,
@@ -30,12 +29,14 @@ function CsvPicker({
   const [pendingImport, setPendingImport] = useState(null);
   const handleUploadAccepted = useCallback(
     (results, acceptedFile) => {
+      const actualHeader = Object.keys(results.data[0] ?? {});
+      const isHeaderValid = requiredColumns.every((column) => actualHeader.includes(column));
       if (results.data.length === 0) {
         onFileError(intl.formatMessage({ id: "noDataInCsvFile" }, { filename: acceptedFile.name }));
-      } else if (!equalsArrayAnyOrder(header, Object.keys(results.data[0]))) {
+      } else if (!isHeaderValid) {
         console.warn("Wrong CSV headers");
-        console.warn("Expected:", header);
-        console.warn("Actual:", Object.keys(results.data[0]));
+        console.warn("Required:", requiredColumns);
+        console.warn("Actual:", actualHeader);
         onFileError(intl.formatMessage({ id: "wrongCsvHeadersError" }, { filename: acceptedFile.name }));
       } else if (maxLineNumber && results.data.length > maxLineNumber) {
         onFileError(
@@ -59,7 +60,7 @@ function CsvPicker({
         }
       }
     },
-    [header, intl, maxLineNumber, onAppend, onComplete, onFileChange, onFileError, onReplace, getTableData]
+    [requiredColumns, intl, maxLineNumber, onAppend, onComplete, onFileChange, onFileError, onReplace, getTableData]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(

package/dist/components/ui/inputs/checkbox-autocomplete/checkbox-autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { AutocompleteProps } from '@mui/material';
-interface CheckboxAutocompleteProps<Value> extends Omit<AutocompleteProps<Value, true, false, false>, 'limitTags' | 'multiple' | 'ListboxComponent' | 'renderInput' | 'renderOption' | 'inputValue' | 'onChange' | 'onBlur'> {
+export interface CheckboxAutocompleteProps<Value> extends Omit<AutocompleteProps<Value, true, false, false>, 'limitTags' | 'multiple' | 'ListboxComponent' | 'renderInput' | 'renderOption' | 'inputValue' | 'onChange' | 'onBlur'> {
     id?: string;
     virtualize?: boolean;
     maxSelection?: number;
@@ -9,4 +9,3 @@ interface CheckboxAutocompleteProps<Value> extends Omit<AutocompleteProps<Value,
     onChange: (value: Value[]) => void;
 }
 export declare function CheckboxAutocomplete<Value>({ id, virtualize, maxSelection, options, getOptionLabel, onChange, ...otherProps }: Readonly<CheckboxAutocompleteProps<Value>>): import("react").JSX.Element;
-export {};

package/dist/features/index.js

@@ -74,14 +74,14 @@ import { PropertyForm } from "./network-modifications/common/properties/Property
 import { copyEquipmentPropertiesForCreation, createPropertyModification, creationPropertiesSchema, emptyProperties, fetchPredefinedProperties, getConcatenatedProperties, getFilledPropertiesFromModification, getPropertiesFromModification, getPropertyValue, initializedProperty, mergeModificationAndEquipmentProperties, modificationPropertiesSchema, toModificationProperties } from "./network-modifications/common/properties/propertyUtils.js";
 import { getPowerWithValidityEditData, getPowerWithValidityEmptyFormData, getPowerWithValidityValidationSchema } from "./network-modifications/common/measurements/powerWithValidity.utils.js";
 import { getInjectionActiveReactivePowerEditData, getInjectionActiveReactivePowerEditDataProperties, getInjectionActiveReactivePowerEmptyFormData, getInjectionActiveReactivePowerEmptyFormDataProperties, getInjectionActiveReactivePowerValidationSchema, getInjectionActiveReactivePowerValidationSchemaProperties } from "./network-modifications/common/measurements/injectionActiveReactivePowerForm.utils.js";
-import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaProperties } from "./network-modifications/common/measurements/branchActiveReactivePowerForm.utils.js";
+import { getBranchActiveReactivePowerEditData, getBranchActiveReactivePowerEditDataProperties, getBranchActiveReactivePowerEmptyFormData, getBranchActiveReactivePowerEmptyFormDataProperties, getBranchActiveReactivePowerValidationSchema, getBranchActiveReactivePowerValidationSchemaObject, getBranchActiveReactivePowerValidationSchemaProperties } from "./network-modifications/common/measurements/branchActiveReactivePowerForm.utils.js";
 import { PowerWithValidityForm } from "./network-modifications/common/measurements/PowerWithValidityForm.js";
 import { PowerMeasurementsForm } from "./network-modifications/common/measurements/PowerMeasurementsForm.js";
 import { BranchActiveReactivePowerMeasurementsForm } from "./network-modifications/common/measurements/BranchActiveReactivePowerMeasurementsForm.js";
 import { BusbarSectionVoltageMeasurementsForm } from "./network-modifications/common/measurements/BusbarSectionVoltageMeasurementsForm.js";
 import { getActivePowerSetPointSchema, getReactivePowerSetPointSchema, getSetPointsEmptyFormData, getSetPointsSchema, testValueWithinPowerInterval } from "./network-modifications/common/setpoints/setPoints.utils.js";
 import { SetPointsForm } from "./network-modifications/common/setpoints/SetPointsForm.js";
-import { createConnectivityData, getCon1andCon2WithPositionValidationSchema, getConnectivityBusBarSectionData, getConnectivityData, getConnectivityFormData, getConnectivityFormDataProps, getConnectivityPropertiesData, getConnectivityPropertiesEmptyFormData, getConnectivityPropertiesValidationSchema, getConnectivityVoltageLevelData, getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionEmptyFormDataProps, getConnectivityWithPositionSchema, getConnectivityWithPositionValidationSchema, getConnectivityWithoutPositionEmptyFormData, getConnectivityWithoutPositionValidationSchema, getCont1Cont2WithPositionEmptyFormData, getNewVoltageLevelData } from "./network-modifications/common/connectivity/connectivityForm.utils.js";
+import { createConnectivityData, getBranchConnectivityWithPositionEmptyFormDataProps, getBranchConnectivityWithPositionSchema, getCon1andCon2WithPositionValidationSchema, getConnectivityBusBarSectionData, getConnectivityData, getConnectivityFormData, getConnectivityFormDataProps, getConnectivityPropertiesData, getConnectivityPropertiesEmptyFormData, getConnectivityPropertiesValidationSchema, getConnectivityVoltageLevelData, getConnectivityWithPositionEmptyFormData, getConnectivityWithPositionEmptyFormDataProps, getConnectivityWithPositionSchema, getConnectivityWithPositionValidationSchema, getConnectivityWithoutPositionEmptyFormData, getConnectivityWithoutPositionValidationSchema, getCont1Cont2WithPositionEmptyFormData, getNewVoltageLevelData } from "./network-modifications/common/connectivity/connectivityForm.utils.js";
 import { ConnectivityForm } from "./network-modifications/common/connectivity/ConnectivityForm.js";
 import { BranchConnectivityForm } from "./network-modifications/common/connectivity/BranchConnectivityForm.js";
 import { VoltageLevelConnectivityForm } from "./network-modifications/common/connectivity/VoltageLevelConnectivityForm.js";
@@ -98,6 +98,19 @@ import { RegulatingTerminalForm } from "./network-modifications/common/regulatin
 import { getRegulatingTerminalEmptyFormData, getRegulatingTerminalEquipmentData, getRegulatingTerminalFormData, getRegulatingTerminalVoltageLevelData } from "./network-modifications/common/regulatingTerminal/regulatingTerminal.utils.js";
 import { VoltageRegulationForm } from "./network-modifications/common/voltageRegulation/VoltageRegulationForm.js";
 import { REGULATION_TYPES, getVoltageRegulationEmptyFormData, getVoltageRegulationSchema } from "./network-modifications/common/voltageRegulation/voltageRegulation.utils.js";
+import { APPLICABILITY, TEMPORARY_LIMIT_MODIFICATION_TYPE } from "./network-modifications/common/currentLimits/limits.types.js";
+import { LimitsTagChip, getPropertyAvatar } from "./network-modifications/common/currentLimits/LimitsTagChip.js";
+import { LimitsPane } from "./network-modifications/common/currentLimits/LimitsPane.js";
+import { addModificationTypeToOpLimitsGroups, addModificationTypeToTemporaryLimits, addOperationTypeToSelectedOpLG, convertToOperationalLimitsGroupFormSchema, formatMapInfosToTemporaryLimitsFormSchema, formatOpLimitGroupsToFormInfos, formatTemporaryLimitsModificationToFormSchema, generateEmptyOperationalLimitsGroup, generateUniqueId, getAllLimitsFormData, getAllLimitsFormDataProperties, getLimitsEmptyFormData, getLimitsEmptyFormDataProps, getLimitsValidationSchema, getLimitsValidationSchemaProps, mapServerLimitsGroupsToFormInfos, sanitizeLimitNames, sanitizeLimitsGroups } from "./network-modifications/common/currentLimits/limitsPane.utils.js";
+import { LimitsChart } from "./network-modifications/common/currentLimits/limitsEditor/limitsChart.js";
+import { LimitsPropertiesSideStack } from "./network-modifications/common/currentLimits/limitsEditor/LimitsPropertiesSideStack.js";
+import { LimitsEditor } from "./network-modifications/common/currentLimits/limitsEditor/LimitsEditor.js";
+import { TemporaryLimitsTable } from "./network-modifications/common/currentLimits/limitsEditor/TemporaryLimitsTable.js";
+import { OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE } from "./network-modifications/common/currentLimits/operationalLimitsGroups/operationalLimitsGroups.types.js";
+import { LimitsGroupsContextualMenu } from "./network-modifications/common/currentLimits/operationalLimitsGroups/LimitsGroupsContextualMenu.js";
+import { LimitsPropertiesStack } from "./network-modifications/common/currentLimits/operationalLimitsGroups/LimitsPropertiesStack.js";
+import { OperationalLimitsGroups } from "./network-modifications/common/currentLimits/operationalLimitsGroups/OperationalLimitsGroups.js";
+import { OperationalLimitsGroupTabLabel } from "./network-modifications/common/currentLimits/operationalLimitsGroups/OperationalLimitsGroupTabLabel.js";
 import { getHvdcLccDeletionSchema } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/hvdcLccDeletion.utils.js";
 import { ShuntCompensatorSelectionForm } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/ShuntCompensatorSelectionForm.js";
 import { useHvdcLccDeletion } from "./network-modifications/equipmentDeletion/hvdcLccDeletion/useHvdcLccDeletion.js";
@@ -182,6 +195,16 @@ import { ShuntCompensatorCreationForm } from "./network-modifications/shunt-comp
 import { shuntCompensatorCreationDtoToForm, shuntCompensatorCreationEmptyFormData, shuntCompensatorCreationFormSchema, shuntCompensatorCreationFormToDto } from "./network-modifications/shunt-compensator/creation/shuntCompensatorCreation.utils.js";
 import { ShuntCompensatorModificationForm } from "./network-modifications/shunt-compensator/modification/ShuntCompensatorModificationForm.js";
 import { shuntCompensatorModificationDtoToForm, shuntCompensatorModificationEmptyFormData, shuntCompensatorModificationFormSchema, shuntCompensatorModificationFormToDto } from "./network-modifications/shunt-compensator/modification/shuntCompensatorModification.utils.js";
+import { getCharacteristicsValidationSchema, getLineCharacteristicsEmptyFormData, getLineCharacteristicsFormData, getLineCharacteristicsValidationSchemaProps } from "./network-modifications/line/characteristics/lineCharacteristicsPane.utils.js";
+import { LineCharacteristicsPane } from "./network-modifications/line/characteristics/LineCharacteristicsPane.js";
+import { CATEGORIES_TABS } from "./network-modifications/line/catalog/lineCatalog.type.js";
+import { LineSegmentsInfoSchema, SegmentCurrentLimitsSchema, SegmentInfoSchema, SegmentSchema, SegmentTemporaryLimitSchema, convertLimitsToOperationalLimitsGroupFormSchema, convertToLineSegmentInfos, convertToLineSegmentsFormData, emptyLineSegment } from "./network-modifications/line/catalog/segment.utils.js";
+import { LINE_TAB_FIELDS, LineDialogTab } from "./network-modifications/line/common/line.utils.js";
+import { LineDialogTabs } from "./network-modifications/line/common/LineDialogTabs.js";
+import { LineDialogTabsContent } from "./network-modifications/line/common/LineDialogTabsContent.js";
+import { LineDialogHeader } from "./network-modifications/line/common/LineDialogHeader.js";
+import { LineForm } from "./network-modifications/line/common/LineForm.js";
+import { lineCreationDtoToForm, lineCreationEmptyFormData, lineCreationFormSchema, lineCreationFormToDto } from "./network-modifications/line/creation/lineCreation.utils.js";
 import { BuildStatusChip } from "./node/build-status-chip.js";
 import { BuildStatus } from "./node/constant.js";
 import { COLUMNS_WITHOUT_BORDER, DEPTH_CELL_WIDTH, DROP_FORBIDDEN_INDICATOR_BOTTOM, DROP_FORBIDDEN_INDICATOR_TOP, DROP_INDICATOR_BOTTOM, DROP_INDICATOR_TOP, MODIFICATION_ROW_HEIGHT, createCellBorderColor, createCellContentWrapperSx, createCellStyle, createEditDescriptionStyle, createHeaderCellStyle, createModificationNameCellStyle, createNameCellLabelBoxSx, createNameCellRootStyle, createRootNetworkChipCellSx, createRowSx, networkModificationTableStyles } from "./network-modification-table/network-modification-table-styles.js";
@@ -200,7 +223,7 @@ import { SelectHeaderCell } from "./network-modification-table/renderers/select-
 import { SwitchCell } from "./network-modification-table/renderers/switch-cell.js";
 import { DragCloneRow } from "./network-modification-table/row/drag-row-clone.js";
 import { ModificationRow } from "./network-modification-table/row/modification-row.js";
-import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, isSharedModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
 import { AnnouncementBanner } from "./announcement/AnnouncementBanner.js";
 import { AnnouncementNotification } from "./announcement/AnnouncementNotification.js";
 import { useGlobalAnnouncement } from "./announcement/useGlobalAnnouncement.js";
@@ -214,6 +237,7 @@ import { ProcessType } from "./process-configs/process-configs.type.js";
 export {
   ACCURACY,
   ACTIVE,
+  APPLICABILITY,
   AUTO_EXTENSIBLE_COLUMNS,
   AboutDialog,
   ActivePowerControlForm,
@@ -238,6 +262,7 @@ export {
   BusbarSectionVoltageMeasurementsForm,
   ByFilterDeletionForm,
   CALCULATION_TYPE,
+  CATEGORIES_TABS,
   CENTER_LABEL,
   CHARACTERISTICS_CHOICES,
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
@@ -323,6 +348,7 @@ export {
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
   LINE_FLOW_MODE,
+  LINE_TAB_FIELDS,
   LOADS_VARIATIONS,
   LOAD_FILTERS,
   LOAD_INCREASE_START_TIME,
@@ -334,7 +360,21 @@ export {
   LimitReductionTableCell,
   LimitReductionTableRow,
   LimitReductionsTableForm,
+  LimitsChart,
+  LimitsEditor,
+  LimitsGroupsContextualMenu,
+  LimitsPane,
+  LimitsPropertiesSideStack,
+  LimitsPropertiesStack,
+  LimitsTagChip,
+  LineCharacteristicsPane,
+  LineDialogHeader,
+  LineDialogTab,
+  LineDialogTabs,
+  LineDialogTabsContent,
   LineFlowMode,
+  LineForm,
+  LineSegmentsInfoSchema,
   LineSeparator,
   LoadDialogHeader,
   LoadDialogTab,
@@ -378,6 +418,9 @@ export {
   NmkType,
   NotificationsContext,
   NotificationsProvider,
+  OPERATIONAL_LIMITS_GROUPS_MODIFICATION_TYPE,
+  OperationalLimitsGroupTabLabel,
+  OperationalLimitsGroups,
   PAGE_OPTIONS,
   PARAM_CENTER_LABEL,
   PARAM_COMPONENT_LIBRARY,
@@ -463,6 +506,10 @@ export {
   SecurityAnalysisParametersInline,
   SecurityAnalysisResultNmk,
   SecurityAnalysisTable,
+  SegmentCurrentLimitsSchema,
+  SegmentInfoSchema,
+  SegmentSchema,
+  SegmentTemporaryLimitSchema,
   SelectCell,
   SelectCellRenderer,
   SelectHeaderCell,
@@ -489,10 +536,12 @@ export {
   SwitchWithLabel,
   SwitchesBetweenSections,
   TAB_INFO,
+  TEMPORARY_LIMIT_MODIFICATION_TYPE,
   TRANSFORMERS_SELECTION_TYPE,
   TWT_SPLIT_SHUNT_ADMITTANCE,
   TabPanel,
   TabValues,
+  TemporaryLimitsTable,
   TopBar,
   UPDATE_BUS_VOLTAGE,
   USE_REACTIVE_LIMITS,
@@ -517,6 +566,9 @@ export {
   VoltageLevelModificationForm,
   VoltageRegulationForm,
   WRITE_SLACK_BUS,
+  addModificationTypeToOpLimitsGroups,
+  addModificationTypeToTemporaryLimits,
+  addOperationTypeToSelectedOpLG,
   alertThresholdMarks,
   batteryCreationDtoToForm,
   batteryCreationEmptyFormData,
@@ -532,6 +584,10 @@ export {
   byFilterDeletionFormToDto,
   computeSwitchedOnValue,
   computeTagMinSize,
+  convertLimitsToOperationalLimitsGroupFormSchema,
+  convertToLineSegmentInfos,
+  convertToLineSegmentsFormData,
+  convertToOperationalLimitsGroupFormSchema,
   copyEquipmentPropertiesForCreation,
   createCellBorderColor,
   createCellContentWrapperSx,
@@ -548,6 +604,7 @@ export {
   creationPropertiesSchema,
   dispatchUser,
   emptyFormData,
+  emptyLineSegment,
   emptyModificationByAssignmentFormData,
   emptyProperties,
   equipmentDeletionDtoToForm,
@@ -563,7 +620,12 @@ export {
   flattenNmKResultsConstraints,
   flattenNmKResultsContingencies,
   formatComputingTypeLabel,
+  formatMapInfosToTemporaryLimitsFormSchema,
+  formatOpLimitGroupsToFormInfos,
+  formatTemporaryLimitsModificationToFormSchema,
   formatToComposedModification,
+  generateEmptyOperationalLimitsGroup,
+  generateUniqueId,
   generatorCreationDtoToForm,
   generatorCreationEmptyFormData,
   generatorCreationFormSchema,
@@ -575,16 +637,22 @@ export {
   getActivePowerControlEmptyFormData,
   getActivePowerControlSchema,
   getActivePowerSetPointSchema,
+  getAllLimitsFormData,
+  getAllLimitsFormDataProperties,
   getBranchActiveReactivePowerEditData,
   getBranchActiveReactivePowerEditDataProperties,
   getBranchActiveReactivePowerEmptyFormData,
   getBranchActiveReactivePowerEmptyFormDataProperties,
   getBranchActiveReactivePowerValidationSchema,
+  getBranchActiveReactivePowerValidationSchemaObject,
   getBranchActiveReactivePowerValidationSchemaProperties,
+  getBranchConnectivityWithPositionEmptyFormDataProps,
+  getBranchConnectivityWithPositionSchema,
   getCharacteristicsCreateFormDataFromSearchCopy,
   getCharacteristicsEmptyFormData,
   getCharacteristicsFormData,
   getCharacteristicsFormValidationSchema,
+  getCharacteristicsValidationSchema,
   getCon1andCon2WithPositionValidationSchema,
   getConcatenatedProperties,
   getConnectivityBusBarSectionData,
@@ -614,6 +682,13 @@ export {
   getInjectionActiveReactivePowerValidationSchema,
   getInjectionActiveReactivePowerValidationSchemaProperties,
   getLimitReductionsFormSchema,
+  getLimitsEmptyFormData,
+  getLimitsEmptyFormDataProps,
+  getLimitsValidationSchema,
+  getLimitsValidationSchemaProps,
+  getLineCharacteristicsEmptyFormData,
+  getLineCharacteristicsFormData,
+  getLineCharacteristicsValidationSchemaProps,
   getNewVoltageLevelData,
   getNoRowsMessage,
   getPowerWithValidityEditData,
@@ -621,6 +696,7 @@ export {
   getPowerWithValidityValidationSchema,
   getPreLoginPath,
   getPropertiesFromModification,
+  getPropertyAvatar,
   getPropertyValue,
   getReactiveCapabilityCurveValidationSchema,
   getReactiveCapabilityCurveValidationSchemaArray,
@@ -655,9 +731,14 @@ export {
   intlPredefinedParametersOptions,
   isCompositeModification,
   isProcessType,
+  isSharedModification,
   isValidComputingType,
   isValidContingencyRow,
   italicFontTextField,
+  lineCreationDtoToForm,
+  lineCreationEmptyFormData,
+  lineCreationFormSchema,
+  lineCreationFormToDto,
   loadCreationDtoToForm,
   loadCreationEmptyFormData,
   loadCreationFormSchema,
@@ -669,6 +750,7 @@ export {
   login,
   logout,
   mapNmKResultsCutOffPower,
+  mapServerLimitsGroupsToFormInfos,
   mergeModificationAndEquipmentProperties,
   mergeSubModificationsIntoTree,
   modificationByAssignmentDtoToForm,
@@ -680,6 +762,8 @@ export {
   newEquipmentDeletionDto,
   onlyStartedGeneratorsOptions,
   removeUuidsFromTree,
+  sanitizeLimitNames,
+  sanitizeLimitsGroups,
   sanitizePercentageValue,
   setCurrentReactiveCapabilityCurveTable,
   setSelectedReactiveLimits,

package/dist/features/network-modification-table/index.js

@@ -14,7 +14,7 @@ import { SelectHeaderCell } from "./renderers/select-header-cell.js";
 import { SwitchCell } from "./renderers/switch-cell.js";
 import { DragCloneRow } from "./row/drag-row-clone.js";
 import { ModificationRow } from "./row/modification-row.js";
-import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, isSharedModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
 export {
   AUTO_EXTENSIBLE_COLUMNS,
   BASE_MODIFICATION_TABLE_COLUMNS,
@@ -64,6 +64,7 @@ export {
   findModificationInTree,
   formatToComposedModification,
   isCompositeModification,
+  isSharedModification,
   mergeSubModificationsIntoTree,
   moveSubModificationInTree,
   networkModificationTableStyles,

package/dist/features/network-modification-table/use-modifications-drag-and-drop.js

@@ -7,7 +7,7 @@ import "@hello-pangea/dnd";
 import "react-intl";
 import "./columns-definition.js";
 import { DROP_FORBIDDEN_INDICATOR_BOTTOM, DROP_FORBIDDEN_INDICATOR_TOP, DROP_INDICATOR_BOTTOM, DROP_INDICATOR_TOP } from "./network-modification-table-styles.js";
-import { isCompositeModification, MAX_COMPOSITE_NESTING_DEPTH, findModificationInTree, moveSubModificationInTree } from "./utils.js";
+import { isCompositeModification, MAX_COMPOSITE_NESTING_DEPTH, findModificationInTree, isSharedModification, moveSubModificationInTree } from "./utils.js";
 import "../../utils/conversionUtils.js";
 import { snackWithFallback } from "../../utils/error.js";
 import "../../utils/types/equipmentType.js";
@@ -70,6 +70,7 @@ const useModificationsDragAndDrop = ({
         const targetDepth = computeTargetDepth(sourceRow, targetRow);
         return (sourceRow.original.maxDepth ?? 0) + targetDepth > MAX_COMPOSITE_NESTING_DEPTH || !!(isCompositeModification(sourceRow.original) && findModificationInTree(targetRow.original.uuid, [sourceRow.original]));
       }
+      if (isSharedModification(sourceRow.original)) return true;
       return false;
     },
     [computeTargetDepth]

package/dist/features/network-modification-table/utils.d.ts

@@ -4,6 +4,7 @@ import { ComposedModificationMetadata, NetworkModificationMetadata } from '../..
 export declare const MAX_COMPOSITE_NESTING_DEPTH = 5;
 export declare const formatToComposedModification: (modifications: NetworkModificationMetadata[]) => ComposedModificationMetadata[];
 export declare function isCompositeModification(modification: ComposedModificationMetadata | undefined): boolean;
+export declare function isSharedModification(modification: ComposedModificationMetadata | undefined): boolean;
 export declare function findDepth(mods: ComposedModificationMetadata[], uuid: UUID, currentDepth?: number): number;
 export declare function removeUuidsFromTree(mods: ComposedModificationMetadata[], uuidsToRemove: Set<string>): ComposedModificationMetadata[];
 /**

package/dist/features/network-modification-table/utils.js

@@ -9,7 +9,10 @@ const formatToComposedModification = (modifications) => {
   return modifications.map((modification) => ({ ...modification, subModifications: [] }));
 };
 function isCompositeModification(modification) {
-  return modification?.messageType === MODIFICATION_TYPES.COMPOSITE_MODIFICATION.type;
+  return modification?.type === MODIFICATION_TYPES.COMPOSITE_MODIFICATION.type;
+}
+function isSharedModification(modification) {
+  return modification?.type === MODIFICATION_TYPES.MODIFICATION_REFERENCE.type;
 }
 function findDepth(mods, uuid, currentDepth = 0) {
   for (const mod of mods) {
@@ -174,6 +177,7 @@ export {
   findModificationInTree,
   formatToComposedModification,
   isCompositeModification,
+  isSharedModification,
   mergeSubModificationsIntoTree,
   moveSubModificationInTree,
   removeUuidsFromTree,

package/dist/features/network-modifications/battery/creation/BatteryCreationForm.js

@@ -71,6 +71,9 @@ import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePo
 import { ShortCircuitForm } from "../../common/shortCircuit/ShortCircuitForm.js";
 import { ReactiveLimitsForm } from "../../common/reactiveLimits/ReactiveLimitsForm.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function BatteryCreationForm({
   voltageLevelOptions,
   fetchBusesOrBusbarSections,

package/dist/features/network-modifications/battery/creation/batteryCreation.utils.js

@@ -66,6 +66,9 @@ import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from
 import { getShortCircuitFormSchema, getShortCircuitEmptyFormData, getShortCircuitFormData } from "../../common/shortCircuit/shortCircuitForm.utils.js";
 import { getReactiveLimitsValidationSchema, getReactiveLimitsEmptyFormDataProps, getReactiveLimitsFormDataProps } from "../../common/reactiveLimits/reactiveLimits.utils.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 const batteryCreationFormSchema = object().shape({
   [FieldConstants.EQUIPMENT_ID]: string().required(),
   [FieldConstants.EQUIPMENT_NAME]: string().nullable(),

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

@@ -61,6 +61,9 @@ 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 BatteryDialogHeader({ batteryToModify, equipmentId }) {
   return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
     /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(

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

@@ -70,6 +70,9 @@ import { ActivePowerControlForm } from "../../common/activePowerControl/ActivePo
 import { ShortCircuitForm } from "../../common/shortCircuit/ShortCircuitForm.js";
 import { ReactiveLimitsForm } from "../../common/reactiveLimits/ReactiveLimitsForm.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 function BatteryDialogTabsContent({
   batteryToModify,
   updatePreviousReactiveCapabilityCurveTable,

package/dist/features/network-modifications/battery/modification/batteryModification.utils.js

@@ -67,6 +67,9 @@ import { getActivePowerControlSchema, getActivePowerControlEmptyFormData } from
 import { getShortCircuitFormSchema, getShortCircuitEmptyFormData, getShortCircuitFormData } from "../../common/shortCircuit/shortCircuitForm.utils.js";
 import { getReactiveLimitsValidationSchema, getReactiveLimitsEmptyFormDataProps, getReactiveLimitsFormDataProps } from "../../common/reactiveLimits/reactiveLimits.utils.js";
 import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
 const batteryModificationFormSchema = object().shape({
   [FieldConstants.EQUIPMENT_ID]: string().required(),
   [FieldConstants.EQUIPMENT_NAME]: string().nullable(),

package/dist/features/network-modifications/common/connectivity/connectivityForm.utils.d.ts

@@ -1,6 +1,6 @@
 import { VoltageLevelFormInfos } from '../../voltageLevel/voltage-level.type';
 import { FieldConstants } from '../../../../utils';
-export declare const getConnectivityPropertiesValidationSchema: (isEquipmentModification?: boolean) => {
+export declare const getConnectivityPropertiesValidationSchema: (isEquipmentModification?: boolean, displayConnectivity?: boolean) => {
     voltageLevel: import('yup').ObjectSchema<{
         id: string | undefined;
     } | null, import('yup').AnyObject, {
@@ -12,7 +12,7 @@ export declare const getConnectivityPropertiesValidationSchema: (isEquipmentModi
         id: undefined;
     }, "">;
 };
-export declare const getConnectivityWithPositionSchema: (isEquipmentModification?: boolean) => import('yup').ObjectSchema<{
+export declare const getConnectivityWithPositionSchema: (isEquipmentModification?: boolean, displayConnectivity?: boolean) => import('yup').ObjectSchema<{
     voltageLevel: {
         id?: string | undefined;
     } | null;
@@ -60,6 +60,57 @@ export declare const getConnectivityWithPositionValidationSchema: (isEquipmentMo
         terminalConnected: undefined;
     }, "">;
 };
+export declare const getBranchConnectivityWithPositionSchema: (isEquipmentModification: boolean, displayConnectivity: boolean) => import('yup').ObjectSchema<{
+    connectivity1: {
+        terminalConnected?: boolean | null | undefined;
+        connectionDirection?: string | null | undefined;
+        connectionName?: string | undefined;
+        connectionPosition?: number | null | undefined;
+        busOrBusbarSection: {
+            id?: string | undefined;
+        } | null;
+        voltageLevel: {
+            id?: string | undefined;
+        } | null;
+    };
+    connectivity2: {
+        terminalConnected?: boolean | null | undefined;
+        connectionDirection?: string | null | undefined;
+        connectionName?: string | undefined;
+        connectionPosition?: number | null | undefined;
+        busOrBusbarSection: {
+            id?: string | undefined;
+        } | null;
+        voltageLevel: {
+            id?: string | undefined;
+        } | null;
+    };
+}, import('yup').AnyObject, {
+    connectivity1: {
+        voltageLevel: {
+            id: undefined;
+        };
+        busOrBusbarSection: {
+            id: undefined;
+        };
+        connectionDirection: undefined;
+        connectionName: undefined;
+        connectionPosition: undefined;
+        terminalConnected: undefined;
+    };
+    connectivity2: {
+        voltageLevel: {
+            id: undefined;
+        };
+        busOrBusbarSection: {
+            id: undefined;
+        };
+        connectionDirection: undefined;
+        connectionName: undefined;
+        connectionPosition: undefined;
+        terminalConnected: undefined;
+    };
+}, "">;
 export declare const getCon1andCon2WithPositionValidationSchema: (isEquipmentModification?: boolean, id?: FieldConstants) => {
     [x: string]: import('yup').ObjectSchema<{
         [x: string]: {
@@ -119,6 +170,24 @@ export declare const getConnectivityWithPositionEmptyFormDataProps: (isEquipment
     busOrBusbarSection: null;
     terminalConnected: boolean | null;
 };
+export declare const getBranchConnectivityWithPositionEmptyFormDataProps: (isEquipmentModification?: boolean) => {
+    connectivity1: {
+        connectionDirection: null;
+        connectionName: string;
+        connectionPosition: null;
+        voltageLevel: null;
+        busOrBusbarSection: null;
+        terminalConnected: boolean | null;
+    };
+    connectivity2: {
+        connectionDirection: null;
+        connectionName: string;
+        connectionPosition: null;
+        voltageLevel: null;
+        busOrBusbarSection: null;
+        terminalConnected: boolean | null;
+    };
+};
 export declare const getConnectivityWithPositionEmptyFormData: (isEquipmentModification?: boolean, id?: FieldConstants) => {
     [x: string]: {
         connectionDirection: null;