@gridsuite/commons-ui 0.265.0 → 0.267.0

package/dist/components/composite/dnd-table/dnd-table-add-rows-dialog.js

@@ -20,7 +20,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../ui/reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/composite/dnd-table/dnd-table-row.js

@@ -38,7 +38,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "mui-nested-menu";
 import "react-resizable-panels";
 import "react-papaparse";

package/dist/components/composite/dnd-table/dnd-table.js

@@ -29,7 +29,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../ui/reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/composite/filter/FilterForm.js

@@ -27,7 +27,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../ui/reactHookForm/directory-item-input/directory-item-utils.js";
 function FilterForm({

package/dist/components/composite/filter/HeaderFilterForm.js

@@ -25,7 +25,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../ui/reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/composite/filter/expert/ExpertFilterForm.js

@@ -35,7 +35,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../ui/reactHookForm/directory-item-input/directory-item-utils.js";
 import "../../../ui/snackbarProvider/SnackbarProvider.js";

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

@@ -36,7 +36,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../ui/reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/composite/report/report-viewer/log-table/log-table.js

@@ -32,7 +32,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../../../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../../../ui/reactHookForm/expandableInput/ExpandableInput.js";
 import "../../../../ui/reactHookForm/directory-item-input/directory-item-utils.js";

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

@@ -20,7 +20,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../reactHookForm/expandableInput/ExpandableInput.js";
 import "../reactHookForm/directory-item-input/directory-item-utils.js";

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

@@ -27,7 +27,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../reactHookForm/expandableInput/ExpandableInput.js";
 import "../../reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/ui/dialogs/name-element-editor/name-element-editor-utils.js

@@ -20,7 +20,7 @@ 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.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import "../descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../reactHookForm/expandableInput/ExpandableInput.js";
 import "../../reactHookForm/directory-item-input/directory-item-utils.js";

package/dist/components/ui/icons/DatasetLinkedIcon.d.ts

@@ -0,0 +1,2 @@
+import { SvgIconProps } from '@mui/material';
+export declare function DatasetLinkedIcon(props: SvgIconProps): import("react").JSX.Element;

package/dist/components/ui/icons/DatasetLinkedIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import DatasetLinked from "@material-symbols/svg-400/outlined/dataset_linked-fill.svg?react";
+import { SvgIcon } from "@mui/material";
+function DatasetLinkedIcon(props) {
+  return /* @__PURE__ */ jsx(SvgIcon, { component: DatasetLinked, inheritViewBox: true, ...props });
+}
+export {
+  DatasetLinkedIcon
+};

package/dist/components/ui/icons/EditNoteIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import AddNotes from "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import AddNotes from "@material-symbols/svg-400/outlined/add_notes-fill.svg?react";
 import { SvgIcon } from "@mui/material";
 import { StickyNote2Outlined } from "@mui/icons-material";
 function EditNoteIcon({ empty = false, ...props }) {

package/dist/components/ui/inputs/checkbox-autocomplete/checkbox-autocomplete.js

@@ -105,6 +105,7 @@ function CheckboxAutocomplete({
       disableCloseOnSelect: true,
       size: "small",
       disableListWrap: true,
+      slots: { popper: StyledPopper },
       options,
       noOptionsText: intl.formatMessage({ id: "noOption" }),
       getOptionLabel,
@@ -116,8 +117,8 @@ function CheckboxAutocomplete({
       inputValue,
       onChange: handleChange,
       onBlur: handleBlur,
-      slots: { popper: StyledPopper },
       slotProps: {
+        ...otherProps?.slotProps,
         listbox: { component: virtualize ? VirtualizedList : void 0 }
       }
     }

package/dist/components/ui/reactHookForm/CheckboxNullableInput.js

@@ -36,6 +36,7 @@ function CheckboxNullableInput({
     onChange?.(newValue);
   }, [rhfOnChange, onChange, value]);
   const currentLabel = typeof label === "function" ? label(value) : label;
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, size: "small", children: [
     /* @__PURE__ */ jsx(
       FormControlLabel,
@@ -51,9 +52,10 @@ function CheckboxNullableInput({
             slotProps: {
               input: {
                 "aria-label": "primary checkbox"
-              }
+              },
+              ...slotProps
             },
-            ...formProps
+            ...otherFormProps
           }
         ),
         label: !label ? "" : intl.formatMessage({

package/dist/components/ui/reactHookForm/autocompleteInputs/MultipleAutocompleteInput.js

@@ -20,6 +20,7 @@ function MultipleAutocompleteInput({ name, ...props }) {
     const newValues = values.map((val) => val.trim());
     return newValues.filter((val, index) => newValues.indexOf(val) === index);
   };
+  const { slotProps, ...otherProps } = props;
   return /* @__PURE__ */ jsx(
     AutocompleteInput,
     {
@@ -34,8 +35,8 @@ function MultipleAutocompleteInput({ name, ...props }) {
       onBlur: handleOnBlur,
       blurOnSelect: false,
       multiple: true,
-      slotProps: { chip: { size: "small" } },
-      ...props
+      slotProps: { chip: { size: "small" }, ...slotProps },
+      ...otherProps
     }
   );
 }

package/dist/components/ui/reactHookForm/booleans/BooleanInput.d.ts

@@ -8,5 +8,5 @@ export type BooleanInputProps<TInput extends InputTypes> = {
     formProps?: InputProps<TInput>;
     Input: TInput;
 };
-export declare function BooleanInput<TInput extends InputTypes>({ name, label, formProps, Input, ...props }: Readonly<BooleanInputProps<TInput>>): JSX.Element;
+export declare function BooleanInput<TInput extends InputTypes>({ name, label, formProps, Input, }: Readonly<BooleanInputProps<TInput>>): JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/booleans/BooleanInput.js

@@ -7,10 +7,9 @@ function BooleanInput({
   name,
   label,
   formProps,
-  Input,
-  ...props
+  Input
 }) {
-  const { onChange, ...otherFormProps } = formProps ?? { onChange: void 0 };
+  const { onChange, slotProps, ...otherFormProps } = formProps ?? { onChange: void 0 };
   const {
     field: { onChange: onChangeRhf, value, ref }
   } = useController({ name });
@@ -28,9 +27,8 @@ function BooleanInput({
       checked: value,
       onChange: handleChangeValue,
       inputRef: ref,
-      slotProps: { input: { "aria-label": "primary checkbox" } },
-      ...otherFormProps,
-      ...props
+      slotProps: { input: { "aria-label": "primary checkbox" }, ...slotProps },
+      ...otherFormProps
     }
   );
   if (label) {

package/dist/components/ui/reactHookForm/tableInputs/table-numerical-input.js

@@ -64,6 +64,7 @@ function TableNumericalInput({
   const handleClearValue = () => {
     onChange(outputTransform(previousValue));
   };
+  const { slotProps, ...otherProps } = props;
   return /* @__PURE__ */ jsx(
     TextField,
     {
@@ -103,10 +104,11 @@ function TableNumericalInput({
             // to have '.' as decimal separator
             ...inputProps
           }
-        }
+        },
+        ...slotProps
       },
       ...hideErrorMessage ? {} : genHelperError(error?.message),
-      ...props
+      ...otherProps
     }
   );
 }

package/dist/components/ui/reactHookForm/tableInputs/table-text-input.d.ts

@@ -4,5 +4,5 @@ interface TableTextInputProps {
     hideErrorMessage?: boolean;
     inputProps?: InputBaseComponentProps;
 }
-export declare function TableTextInput({ name, hideErrorMessage, inputProps, ...props }: Readonly<TableTextInputProps>): import("react").JSX.Element;
+export declare function TableTextInput({ name, hideErrorMessage, inputProps }: Readonly<TableTextInputProps>): import("react").JSX.Element;
 export {};

package/dist/components/ui/reactHookForm/tableInputs/table-text-input.js

@@ -5,7 +5,7 @@ import "react-intl";
 import "react";
 import "@mui/icons-material";
 import { genHelperError } from "../utils/functions.js";
-function TableTextInput({ name, hideErrorMessage, inputProps, ...props }) {
+function TableTextInput({ name, hideErrorMessage, inputProps }) {
   const {
     field: { onChange, value, ref },
     fieldState: { error }
@@ -37,8 +37,7 @@ function TableTextInput({ name, hideErrorMessage, inputProps, ...props }) {
           }
         }
       },
-      ...hideErrorMessage ? {} : genHelperError(error?.message),
-      ...props
+      ...hideErrorMessage ? {} : genHelperError(error?.message)
     }
   );
 }

package/dist/components/ui/reactHookForm/text/ExpandingTextField.js

@@ -27,34 +27,36 @@ function ExpandingTextField({
   const descriptionLength = descriptionWatch?.length ?? 0;
   const descriptionCounter = `${descriptionLength}/${maxCharactersNumber}`;
   const rowsToDisplay = isFocused ? rows : minRows;
+  const { slotProps, ...otherProps } = textFieldFormProps ?? {};
   const formProps = {
     size: "medium",
     multiline: true,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    InputProps: {
-      style: {
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        // disable scrolling
-        whiteSpace: "pre",
-        resize: "none"
-        // or 'horizontal' for horizontal resizing
-      },
-      inputProps: { "data-testid": "DescriptionInputField" }
-    },
     helperText: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: descriptionCounter }),
     slotProps: {
+      input: {
+        style: {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          // disable scrolling
+          whiteSpace: "pre",
+          resize: "none"
+          // or 'horizontal' for horizontal resizing
+        },
+        inputProps: { "data-testid": "DescriptionInputField" }
+      },
       formHelperText: {
         sx: {
           ml: "auto",
           color: (theme) => isOverTheLimit ? theme.palette.error.main : theme.palette.text.secondary
         }
-      }
+      },
+      ...slotProps
     },
     ...rowsToDisplay && { rows: rowsToDisplay },
     ...sx && { sx },
-    ...textFieldFormProps
+    ...otherProps
   };
   return /* @__PURE__ */ jsx(TextInput, { name, label, formProps, ...otherTexFieldProps });
 }

package/dist/components/ui/reactHookForm/text/TextInput.js

@@ -56,6 +56,7 @@ function TextInput({
     values: labelValues,
     optional: !isFieldRequired(name, validationSchema, getValues()) && !formProps?.disabled && !removeOptional
   });
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsx(
     Field,
     {
@@ -73,7 +74,8 @@ function TextInput({
             clearable && transformedValue !== void 0 && transformedValue !== "" && /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, size: "small", children: /* @__PURE__ */ jsx(Clear, { fontSize: "small" }) }),
             customAdornment && { ...customAdornment }
           ] })
-        }
+        },
+        ...slotProps
       },
       inputRef: ref,
       ...clearable && adornment && {
@@ -89,7 +91,7 @@ function TextInput({
         }
       ),
       ...genHelperError(error?.message),
-      ...formProps,
+      ...otherFormProps,
       ...adornment && { ...finalAdornment }
     },
     id ?? label

package/dist/components/ui/reactHookForm/text/UniqueNameInput.js

@@ -41,6 +41,7 @@ function UniqueNameInput({
     isValidating && /* @__PURE__ */ jsx(CircularProgress, { size: "1rem" }),
     showOk && /* @__PURE__ */ jsx(Check, { style: { color: "green" } })
   ] });
+  const { slotProps, ...otherFormProps } = formProps ?? {};
   return /* @__PURE__ */ jsx(
     TextField,
     {
@@ -64,9 +65,10 @@ function UniqueNameInput({
           inputProps: {
             "data-testid": "NameInputField"
           }
-        }
+        },
+        ...slotProps
       },
-      ...formProps
+      ...otherFormProps
     }
   );
 }

package/dist/components/ui/reactHookForm/utils/TextFieldWithAdornment.js

@@ -3,7 +3,7 @@ import { useState, useCallback } from "react";
 import { Clear } from "@mui/icons-material";
 import { InputAdornment, IconButton, TextField } from "@mui/material";
 function TextFieldWithAdornment(props) {
-  const { adornmentPosition, adornmentText, value, variant, handleClearValue, ...otherProps } = props;
+  const { adornmentPosition, adornmentText, value, variant, handleClearValue, slotProps, ...otherProps } = props;
   const [isFocused, setIsFocused] = useState(false);
   const getAdornmentStyle = useCallback((innerVariant) => {
     if (innerVariant === "filled") {
@@ -54,6 +54,7 @@ function TextFieldWithAdornment(props) {
       onFocus: () => setIsFocused(true),
       onBlur: () => setIsFocused(false),
       slotProps: {
+        ...slotProps,
         input: adornmentPosition === "start" ? withStartAdornmentText() : withEndAdornmentText()
       }
     }

package/dist/features/global-filter/ui/global-filter-dropdown-panel.js

@@ -27,7 +27,7 @@ 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.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";

package/dist/features/global-filter/ui/global-filter-panel.js

@@ -25,7 +25,7 @@ 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.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";

package/dist/features/global-filter/ui/selected-global-filters.js

@@ -24,7 +24,7 @@ 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.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";

package/dist/features/index.js

@@ -146,7 +146,7 @@ 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.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";
@@ -162,6 +162,8 @@ import { SWITCH_TYPE, buildNewBusbarSections, getCreateSwitchesEmptyFormData, ge
 import { SwitchKind } from "./network-modifications/voltageLevel/creation/voltageLevelCreation.types.js";
 import { VoltageLevelModificationForm } from "./network-modifications/voltageLevel/modification/VoltageLevelModificationForm.js";
 import { voltageLevelModificationDtoToForm, voltageLevelModificationEmptyFormData, voltageLevelModificationFormSchema, voltageLevelModificationFormToDto, voltageLevelModificationWithMeasurementsDtoToForm, voltageLevelModificationWithMeasurementsFormSchema, voltageLevelModificationWithMeasurementsFormToDto } from "./network-modifications/voltageLevel/modification/voltageLevelModification.utils.js";
+import { createVoltageLevelTopologyDtoToForm, createVoltageLevelTopologyEmptyFormData, createVoltageLevelTopologyFormSchema, createVoltageLevelTopologyFormToDto } from "./network-modifications/voltageLevel/topology/voltageLevelTopologyCreation.utils.js";
+import { CreateVoltageLevelTopologyForm } from "./network-modifications/voltageLevel/topology/CreateVoltageLevelTopologyForm.js";
 import { LOAD_TAB_FIELDS, LoadDialogTab } from "./network-modifications/load/common/load.utils.js";
 import { LoadDialogTabs } from "./network-modifications/load/common/LoadDialogTabs.js";
 import { LoadDialogTabsContent } from "./network-modifications/load/common/LoadDialogTabsContent.js";
@@ -218,7 +220,7 @@ import { COLUMNS_WITHOUT_BORDER, DEPTH_CELL_WIDTH, DROP_FORBIDDEN_INDICATOR_BOTT
 import { AUTO_EXTENSIBLE_COLUMNS, BASE_MODIFICATION_TABLE_COLUMNS, computeTagMinSize } from "./network-modification-table/columns-definition.js";
 import { NetworkModificationsTable } from "./network-modification-table/network-modifications-table.js";
 import { useModificationsDragAndDrop } from "./network-modification-table/use-modifications-drag-and-drop.js";
-import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./network-modification-table/renderers/cell-renderers.js";
+import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, ReferenceCellRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./network-modification-table/renderers/cell-renderers.js";
 import { DepthBox } from "./network-modification-table/renderers/depth-box.js";
 import { DescriptionCell } from "./network-modification-table/renderers/description-cell.js";
 import { DragHandleCell } from "./network-modification-table/renderers/drag-handle-cell.js";
@@ -230,7 +232,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, isSharedModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, isReferenceModification, isTargetChildOfReference, 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";
@@ -307,6 +309,7 @@ export {
   ConnectivityForm,
   ContingencyTable,
   CreateParameterDialog,
+  CreateVoltageLevelTopologyForm,
   CustomVoltageLevelTable,
   CustomVoltageLevelTableCell,
   CustomVoltageLevelTableRow,
@@ -503,6 +506,7 @@ export {
   ReactiveCapabilityCurveRowForm,
   ReactiveCapabilityCurveTableForm,
   ReactiveLimitsForm,
+  ReferenceCellRenderer,
   RegulatingTerminalForm,
   RootNetworkCellRenderer,
   RootNetworkChipCell,
@@ -636,6 +640,10 @@ export {
   createPropertyModification,
   createRootNetworkChipCellSx,
   createRowSx,
+  createVoltageLevelTopologyDtoToForm,
+  createVoltageLevelTopologyEmptyFormData,
+  createVoltageLevelTopologyFormSchema,
+  createVoltageLevelTopologyFormToDto,
   creationPropertiesSchema,
   dispatchUser,
   emptyFormData,
@@ -776,7 +784,8 @@ export {
   isCriteriaFilterType,
   isEditingGlobalFilter,
   isProcessType,
-  isSharedModification,
+  isReferenceModification,
+  isTargetChildOfReference,
   isValidComputingType,
   isValidContingencyRow,
   italicFontTextField,

package/dist/features/network-modification-table/columns-definition.d.ts

@@ -20,5 +20,9 @@ export declare const BASE_MODIFICATION_TABLE_COLUMNS: {
         id: string;
         autoExtensible: boolean;
     };
+    SHARED: {
+        id: string;
+        autoExtensible: boolean;
+    };
 };
 export declare const AUTO_EXTENSIBLE_COLUMNS: string[];

package/dist/features/network-modification-table/columns-definition.js

@@ -26,6 +26,10 @@ const BASE_MODIFICATION_TABLE_COLUMNS = {
   SWITCH: {
     id: "switch",
     autoExtensible: false
+  },
+  SHARED: {
+    id: "shared",
+    autoExtensible: false
   }
 };
 const AUTO_EXTENSIBLE_COLUMNS = Object.values(BASE_MODIFICATION_TABLE_COLUMNS).filter((column) => column.autoExtensible).map((column) => column.id);

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

@@ -2,7 +2,7 @@ import { COLUMNS_WITHOUT_BORDER, DEPTH_CELL_WIDTH, DROP_FORBIDDEN_INDICATOR_BOTT
 import { AUTO_EXTENSIBLE_COLUMNS, BASE_MODIFICATION_TABLE_COLUMNS, computeTagMinSize } from "./columns-definition.js";
 import { NetworkModificationsTable } from "./network-modifications-table.js";
 import { useModificationsDragAndDrop } from "./use-modifications-drag-and-drop.js";
-import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./renderers/cell-renderers.js";
+import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, ReferenceCellRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./renderers/cell-renderers.js";
 import { DepthBox } from "./renderers/depth-box.js";
 import { DescriptionCell } from "./renderers/description-cell.js";
 import { DragHandleCell } from "./renderers/drag-handle-cell.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, isSharedModification, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
+import { MAX_COMPOSITE_NESTING_DEPTH, fetchSubModificationsForExpandedRows, findAllLoadedCompositeModifications, findDepth, findModificationInTree, formatToComposedModification, isCompositeModification, isReferenceModification, isTargetChildOfReference, mergeSubModificationsIntoTree, moveSubModificationInTree, removeUuidsFromTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
 export {
   AUTO_EXTENSIBLE_COLUMNS,
   BASE_MODIFICATION_TABLE_COLUMNS,
@@ -38,6 +38,7 @@ export {
   NameHeaderRenderer,
   NetworkModificationEditorNameHeader,
   NetworkModificationsTable,
+  ReferenceCellRenderer,
   RootNetworkCellRenderer,
   RootNetworkChipCell,
   RootNetworkHeaderRenderer,
@@ -64,7 +65,8 @@ export {
   findModificationInTree,
   formatToComposedModification,
   isCompositeModification,
-  isSharedModification,
+  isReferenceModification,
+  isTargetChildOfReference,
   mergeSubModificationsIntoTree,
   moveSubModificationInTree,
   networkModificationTableStyles,

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

@@ -182,11 +182,11 @@ const DROP_INDICATOR_TOP = "inset 0 2px 0 #90caf9";
 const DROP_INDICATOR_BOTTOM = "inset 0 -2px 0 #90caf9";
 const DROP_FORBIDDEN_INDICATOR_TOP = "inset 0 2px 0 #FF3636";
 const DROP_FORBIDDEN_INDICATOR_BOTTOM = "inset 0 -2px 0 #FF3636";
-function getRowBackgroundColor(isHighlighted, isComposite, theme) {
+function getRowBackgroundColor(isHighlighted, isCompositeOrIsReference, theme) {
   if (isHighlighted) {
     return HIGHLIGHT_COLOR_BASE;
   }
-  if (!isComposite) {
+  if (!isCompositeOrIsReference) {
     return "transparent";
   }
   return theme.palette.mode === "light" ? theme.darken(theme.palette.background.paper, 0.04) : theme.lighten(theme.palette.background.paper, 0.08);

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

@@ -5,7 +5,7 @@ import { NetworkModificationEditorNameHeaderProps } from './renderers';
 import { ExcludedNetworkModifications, RootNetworkRowInfo, ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
 interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorNameHeaderProps, 'modificationCount'> {
     modifications: NetworkModificationMetadata[];
-    handleCellClick: (modification: NetworkModificationMetadata) => void;
+    handleCellClick: (modification: ComposedModificationMetadata) => void;
     isRowDragDisabled?: boolean;
     onRowDragStart: () => void;
     onRowDragEnd: () => void;