@gridsuite/commons-ui 0.264.0 → 0.266.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/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";
@@ -218,7 +218,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 +230,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";
@@ -503,6 +503,7 @@ export {
   ReactiveCapabilityCurveRowForm,
   ReactiveCapabilityCurveTableForm,
   ReactiveLimitsForm,
+  ReferenceCellRenderer,
   RegulatingTerminalForm,
   RootNetworkCellRenderer,
   RootNetworkChipCell,
@@ -776,7 +777,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;

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

@@ -8,7 +8,7 @@ import { MODIFICATION_ROW_HEIGHT, networkModificationTableStyles, createHeaderCe
 import { AUTO_EXTENSIBLE_COLUMNS } from "./columns-definition.js";
 import { useModificationsDragAndDrop } from "./use-modifications-drag-and-drop.js";
 import { useModificationsSelection } from "./use-modifications-selection.js";
-import { formatToComposedModification, findDepth, MAX_COMPOSITE_NESTING_DEPTH, mergeSubModificationsIntoTree, removeUuidsFromTree, findAllLoadedCompositeModifications, fetchSubModificationsForExpandedRows, isCompositeModification } from "./utils.js";
+import { formatToComposedModification, findDepth, MAX_COMPOSITE_NESTING_DEPTH, mergeSubModificationsIntoTree, removeUuidsFromTree, findAllLoadedCompositeModifications, fetchSubModificationsForExpandedRows, isCompositeModification, isReferenceModification } from "./utils.js";
 import "@mui/icons-material";
 import "react-intl";
 import "../../utils/conversionUtils.js";
@@ -85,7 +85,7 @@ function NetworkModificationsTable({
     findAllLoadedCompositeModifications(prevMods, loadedComposites);
     if (loadedComposites.length > 0) {
       fetchSubModificationsForExpandedRows(
-        loadedComposites.map((m) => m.uuid),
+        loadedComposites.map((m) => m.rowKey),
         nextMods,
         setComposedModifications,
         true
@@ -97,9 +97,11 @@ function NetworkModificationsTable({
       const nextExpanded = typeof updater === "function" ? updater(prevExpanded) : updater;
       const prevRecord = prevExpanded === true ? {} : prevExpanded;
       const nextRecord = nextExpanded === true ? {} : nextExpanded;
-      const newlyExpandedIds = Object.keys(nextRecord).filter((id) => nextRecord[id] && !prevRecord[id]);
+      const newlyExpandedRowKeys = Object.keys(nextRecord).filter(
+        (id) => nextRecord[id] && !prevRecord[id]
+      );
       setComposedModifications((prevMods) => {
-        fetchSubModificationsForExpandedRows(newlyExpandedIds, prevMods, setComposedModifications);
+        fetchSubModificationsForExpandedRows(newlyExpandedRowKeys, prevMods, setComposedModifications);
         return [...prevMods];
       });
       return nextExpanded;
@@ -157,9 +159,9 @@ function NetworkModificationsTable({
     state: { expanded, rowSelection },
     getCoreRowModel: getCoreRowModel(),
     getExpandedRowModel: getExpandedRowModel(),
-    getSubRows: (row) => row.subModifications,
-    getRowId: (row) => row.uuid,
-    getRowCanExpand: (row) => isCompositeModification(row.original),
+    getSubRows: (originalRow) => originalRow.subModifications,
+    getRowId: (originalRow) => originalRow.rowKey,
+    getRowCanExpand: (row) => isCompositeModification(row.original) || isReferenceModification(row.original),
     enableRowSelection: true,
     enableSubRowSelection: true,
     enableExpanding: true,
@@ -192,15 +194,16 @@ function NetworkModificationsTable({
       return;
     }
     table.resetRowSelection();
-    const uuidsToReset = new Set(modificationUuidsToReset);
+    const targetUuids = new Set(modificationUuidsToReset);
+    const rowKeysToUnexpanded = /* @__PURE__ */ new Set();
     const collectAll = (mod) => {
-      uuidsToReset.add(mod.uuid);
+      rowKeysToUnexpanded.add(mod.rowKey);
       mod.subModifications?.forEach(collectAll);
     };
     const collectDescendants = (mods) => {
       mods.forEach((mod) => {
-        if (uuidsToReset.has(mod.uuid)) {
-          mod.subModifications?.forEach(collectAll);
+        if (targetUuids.has(mod.uuid)) {
+          collectAll(mod);
         } else {
           collectDescendants(mod.subModifications ?? []);
         }
@@ -212,7 +215,7 @@ function NetworkModificationsTable({
         return prev;
       }
       const next = { ...prev };
-      uuidsToReset.forEach((uuid) => delete next[uuid]);
+      rowKeysToUnexpanded.forEach((rowKey) => delete next[rowKey]);
       return next;
     });
   }, [modificationUuidsToReset, table]);

package/dist/features/network-modification-table/renderers/cell-renderers.d.ts

@@ -17,6 +17,7 @@ export declare function SelectCellRenderer({ row, table }: CCtx): import("react"
 export declare function NameHeaderRenderer({ table }: HCtx): import("react").JSX.Element;
 export declare function NameCellRenderer({ row, table, column }: CCtx): import("react").JSX.Element;
 export declare function DescriptionCellRenderer({ row, table }: CCtx): import("react").JSX.Element;
+export declare function ReferenceCellRenderer({ row, table }: CCtx): import("react").JSX.Element | null;
 export declare function SwitchCellRenderer({ row, table }: CCtx): import("react").JSX.Element;
 export declare function RootNetworkHeaderRenderer({ column, table }: HCtx): import("react").JSX.Element | null;
 export declare function RootNetworkCellRenderer({ row, column, table }: CCtx): import("react").JSX.Element | null;

package/dist/features/network-modification-table/renderers/cell-renderers.js

@@ -11,6 +11,8 @@ import { DescriptionCell } from "./description-cell.js";
 import { SwitchCell } from "./switch-cell.js";
 import { RootNetworkChipCell } from "./root-network-chip-cell.js";
 import { createRootNetworkChipCellSx, networkModificationTableStyles } from "../network-modification-table-styles.js";
+import { isReferenceModification } from "../utils.js";
+import { ReferenceLinkCell } from "./reference-link-cell.js";
 function DragHandleRenderer({ table }) {
   return /* @__PURE__ */ jsx(DragHandleCell, { isRowDragDisabled: table.options.meta?.interaction.isRowDragDisabled ?? false });
 }
@@ -48,6 +50,13 @@ function DescriptionCellRenderer({ row, table }) {
     }
   );
 }
+function ReferenceCellRenderer({ row, table }) {
+  const { meta } = table.options;
+  if (isReferenceModification(row.original)) {
+    return /* @__PURE__ */ jsx(ReferenceLinkCell, { data: row.original, disabled: meta?.status.isDisabled });
+  }
+  return null;
+}
 function SwitchCellRenderer({ row, table }) {
   const { meta } = table.options;
   return /* @__PURE__ */ jsx(
@@ -95,6 +104,7 @@ export {
   DragHandleRenderer,
   NameCellRenderer,
   NameHeaderRenderer,
+  ReferenceCellRenderer,
   RootNetworkCellRenderer,
   RootNetworkHeaderRenderer,
   SelectCellRenderer,

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

@@ -1,4 +1,4 @@
-import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./cell-renderers.js";
+import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, ReferenceCellRenderer, RootNetworkCellRenderer, RootNetworkHeaderRenderer, SelectCellRenderer, SelectHeaderRenderer, SwitchCellRenderer } from "./cell-renderers.js";
 import { DepthBox } from "./depth-box.js";
 import { DescriptionCell } from "./description-cell.js";
 import { DragHandleCell } from "./drag-handle-cell.js";
@@ -18,6 +18,7 @@ export {
   NameCellRenderer,
   NameHeaderRenderer,
   NetworkModificationEditorNameHeader,
+  ReferenceCellRenderer,
   RootNetworkCellRenderer,
   RootNetworkChipCell,
   RootNetworkHeaderRenderer,

package/dist/features/network-modification-table/renderers/name-cell.js

@@ -23,7 +23,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";
@@ -211,7 +211,7 @@ function NameCell({ row, table, onChange }) {
       children: [
         renderDepthBox(),
         /* @__PURE__ */ jsxs(Box, { sx: networkModificationTableStyles.nameCellInnerRow, children: [
-          isComposite && /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.nameCellTogglerBox, children: /* @__PURE__ */ jsx(
+          row.getCanExpand() && /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.nameCellTogglerBox, children: /* @__PURE__ */ jsx(
             IconButton,
             {
               size: "small",
@@ -224,7 +224,7 @@ function NameCell({ row, table, onChange }) {
               children: row.getIsExpanded() ? /* @__PURE__ */ jsx(KeyboardArrowDown, { fontSize: "small" }) : /* @__PURE__ */ jsx(KeyboardArrowRight, { fontSize: "small" })
             }
           ) }),
-          /* @__PURE__ */ jsx(Box, { sx: createNameCellLabelBoxSx(row.getIsExpanded(), depth), children: isComposite && isEditing ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Box, { sx: createNameCellLabelBoxSx(row.getIsExpanded(), depth), children: isEditing ? /* @__PURE__ */ jsx(
             Box,
             {
               sx: mergeSx(networkModificationTableStyles.modificationLabel, {

package/dist/features/network-modification-table/renderers/reference-link-cell.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ComposedModificationMetadata } from '../../../utils';
+export interface ReferenceLinkCellProps {
+    data: ComposedModificationMetadata;
+    disabled?: boolean;
+}
+export declare function ReferenceLinkCell({ data, disabled }: Readonly<ReferenceLinkCellProps>): React.JSX.Element;

package/dist/features/network-modification-table/renderers/reference-link-cell.js

@@ -0,0 +1,128 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { IconButton, Menu, ListItemIcon, ListItemText } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import { LinkRounded } from "@mui/icons-material";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import "../../../utils/types/equipmentType.js";
+import { fetchAppsMetadata, isExploreMetadata } from "../../../services/appsMetadata.js";
+import { fetchNetworkModification } from "../../../services/networkModification.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+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 { CustomMenuItem } from "../../../components/ui/menus/custom-nested-menu.js";
+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 { DatasetLinkedIcon } from "../../../components/ui/icons/DatasetLinkedIcon.js";
+function ReferenceLinkCell({ data, disabled = false }) {
+  const intl = useIntl();
+  const { snackInfo, snackError } = useSnackMessage();
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const open = Boolean(anchorEl);
+  const handleOpen = useCallback((event) => {
+    event.stopPropagation();
+    setAnchorEl(event.currentTarget);
+  }, []);
+  const handleMenuClose = useCallback(() => {
+    setAnchorEl(null);
+  }, []);
+  const handleCopyLink = useCallback(
+    (event) => {
+      event.stopPropagation();
+      setAnchorEl(null);
+      setIsLoading(true);
+      Promise.all([
+        fetchNetworkModification(data.uuid).then((res) => res.json()),
+        fetchAppsMetadata()
+      ]).then(([referenceInfos, metadata]) => {
+        const referenceId = referenceInfos?.referenceId;
+        const exploreUrl = metadata?.find(isExploreMetadata)?.url;
+        if (!referenceId || !exploreUrl) {
+          throw new Error(
+            `Cannot build reference link: ${!referenceId ? "referenceId" : "exploreUrl"} is missing`
+          );
+        }
+        const link = `${exploreUrl}/elements/${referenceId}`;
+        return navigator.clipboard.writeText(link).then(() => snackInfo({ headerId: "linkCopied" }));
+      }).catch((error) => snackWithFallback(snackError, error, { headerId: "linkCopyError" })).finally(() => setIsLoading(false));
+    },
+    [data.uuid, snackInfo, snackError]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "importComposites.shared" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { disabled: disabled || isLoading, onClick: handleOpen, children: /* @__PURE__ */ jsx(DatasetLinkedIcon, {}) }) }) }),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleMenuClose,
+        slotProps: {
+          paper: {
+            sx: {
+              maxWidth: 220
+            }
+          },
+          list: {
+            dense: true,
+            sx: { py: 0.25 }
+          }
+        },
+        children: /* @__PURE__ */ jsxs(CustomMenuItem, { onClick: handleCopyLink, sx: { minHeight: 0, py: 0.25, px: 1 }, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 24 }, children: /* @__PURE__ */ jsx(LinkRounded, { sx: { fontSize: 18, transform: "rotate(-50deg)" } }) }),
+          /* @__PURE__ */ jsx(ListItemText, { primary: intl.formatMessage({ id: "copyLink" }) })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  ReferenceLinkCell
+};