@gridsuite/commons-ui 0.212.0 → 0.214.0

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

@@ -1,7 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
 import { UUID } from 'node:crypto';
 import { NetworkModificationEditorNameHeaderProps } from './renderers';
-import { ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
+import { ExcludedNetworkModifications, RootNetworkRowInfo, ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
 interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorNameHeaderProps, 'modificationCount'> {
     modifications: NetworkModificationMetadata[];
     handleCellClick: (modification: NetworkModificationMetadata) => void;
@@ -13,6 +14,11 @@ interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorN
     highlightedModificationUuid: UUID | null;
     studyUuid: UUID | null;
     currentNodeId?: UUID;
+    currentRootNetworkUuid?: UUID;
+    rootNetworks?: RootNetworkRowInfo[];
+    modificationsToExclude?: ExcludedNetworkModifications[];
+    setModificationsToExclude?: Dispatch<SetStateAction<ExcludedNetworkModifications[]>>;
+    isDisabled?: boolean;
 }
-export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onRowSelected, columns, highlightedModificationUuid, studyUuid, currentNodeId, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NetworkModificationsTable({ modifications, handleCellClick, isRowDragDisabled, onRowDragStart, onRowDragEnd, onRowSelected, columns, highlightedModificationUuid, studyUuid, currentNodeId, currentRootNetworkUuid, rootNetworks, modificationsToExclude, setModificationsToExclude, isDisabled, isImpactedByNotification, notificationMessageId, isFetchingModifications, pendingState, }: Readonly<NetworkModificationsTableProps>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -30,6 +30,11 @@ function NetworkModificationsTable({
   highlightedModificationUuid,
   studyUuid = null,
   currentNodeId = void 0,
+  currentRootNetworkUuid,
+  rootNetworks,
+  modificationsToExclude,
+  setModificationsToExclude,
+  isDisabled = false,
   isImpactedByNotification,
   notificationMessageId,
   isFetchingModifications,
@@ -74,26 +79,46 @@ function NetworkModificationsTable({
   }, []);
   const tableMeta = useMemo(
     () => ({
-      lastClickedRowId,
-      onRowSelected,
-      isRowDragDisabled,
-      modificationsCount: modifications.length,
-      nameHeaderProps: {
+      context: {
+        studyUuid,
+        currentNodeId,
+        currentRootNetworkUuid,
+        rootNetworks
+      },
+      modifications: {
+        count: modifications.length,
+        toExclude: modificationsToExclude,
+        setToExclude: setModificationsToExclude
+      },
+      interaction: {
+        lastClickedRowId,
+        onRowSelected,
+        isRowDragDisabled
+      },
+      status: {
         isImpactedByNotification,
         notificationMessageId,
         isFetchingModifications,
-        pendingState
+        pendingState,
+        isDisabled
       }
     }),
     [
+      studyUuid,
+      currentNodeId,
+      currentRootNetworkUuid,
+      rootNetworks,
+      modifications.length,
+      modificationsToExclude,
+      setModificationsToExclude,
       lastClickedRowId,
       onRowSelected,
       isRowDragDisabled,
-      modifications.length,
       isImpactedByNotification,
       notificationMessageId,
       isFetchingModifications,
-      pendingState
+      pendingState,
+      isDisabled
     ]
   );
   const table = useReactTable({

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

@@ -0,0 +1,23 @@
+import { CellContext, HeaderContext } from '@tanstack/react-table';
+import { ComposedModificationMetadata } from '../../../utils';
+/**
+ * Cell/header renderers must keep a stable reference across renders to avoid
+ * unmounting/remounting cells and resetting local states. The renderers below are
+ * hoisted because they're reused by `createBaseColumns` and `createRootNetworksColumns`,
+ * factories called inside a hook — defining them inline there would produce fresh references.
+ *
+ * Dynamic values are routed via react-table's `meta`: table-wide via `table.options.meta`,
+ * per-column via `column.columnDef.meta`.
+ */
+type CCtx = CellContext<ComposedModificationMetadata, unknown>;
+type HCtx = HeaderContext<ComposedModificationMetadata, unknown>;
+export declare function DragHandleRenderer({ table }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function SelectHeaderRenderer({ table }: HCtx): import("react/jsx-runtime").JSX.Element;
+export declare function SelectCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function NameHeaderRenderer({ table }: HCtx): import("react/jsx-runtime").JSX.Element;
+export declare function NameCellRenderer({ row, column }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchCellRenderer({ row, table }: CCtx): import("react/jsx-runtime").JSX.Element;
+export declare function RootNetworkHeaderRenderer({ column, table }: HCtx): import("react/jsx-runtime").JSX.Element | null;
+export declare function RootNetworkCellRenderer({ row, column, table }: CCtx): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,103 @@
+import { jsx } from "react/jsx-runtime";
+import { Box, Tooltip, Badge } from "@mui/material";
+import { RemoveRedEye } from "@mui/icons-material";
+import { FormattedMessage } from "react-intl";
+import { DragHandleCell } from "./drag-handle-cell.js";
+import { NameCell } from "./name-cell.js";
+import { NetworkModificationEditorNameHeader } from "./network-modification-node-editor-name-header.js";
+import { SelectCell } from "./select-cell.js";
+import { SelectHeaderCell } from "./select-header-cell.js";
+import { DescriptionCell } from "./description-cell.js";
+import { SwitchCell } from "./switch-cell.js";
+import { RootNetworkChipCell } from "./root-network-chip-cell.js";
+import { networkModificationTableStyles, createRootNetworkChipCellSx } from "../network-modification-table-styles.js";
+function DragHandleRenderer({ table }) {
+  return /* @__PURE__ */ jsx(DragHandleCell, { isRowDragDisabled: table.options.meta?.interaction.isRowDragDisabled ?? false });
+}
+function SelectHeaderRenderer({ table }) {
+  return /* @__PURE__ */ jsx(SelectHeaderCell, { table });
+}
+function SelectCellRenderer({ row, table }) {
+  return /* @__PURE__ */ jsx(SelectCell, { row, table });
+}
+function NameHeaderRenderer({ table }) {
+  const { meta } = table.options;
+  return /* @__PURE__ */ jsx(
+    NetworkModificationEditorNameHeader,
+    {
+      modificationCount: meta?.modifications.count ?? 0,
+      isImpactedByNotification: meta?.status.isImpactedByNotification ?? (() => false),
+      notificationMessageId: meta?.status.notificationMessageId,
+      isFetchingModifications: meta?.status.isFetchingModifications ?? false,
+      pendingState: meta?.status.pendingState ?? false
+    }
+  );
+}
+function NameCellRenderer({ row, column }) {
+  return /* @__PURE__ */ jsx(NameCell, { row, onChange: column.columnDef.meta?.onChange });
+}
+function DescriptionCellRenderer({ row, table }) {
+  const { meta } = table.options;
+  return /* @__PURE__ */ jsx(
+    DescriptionCell,
+    {
+      data: row.original,
+      studyUuid: meta?.context.studyUuid ?? null,
+      currentNodeId: meta?.context.currentNodeId,
+      isDisabled: meta?.status.isDisabled
+    }
+  );
+}
+function SwitchCellRenderer({ row, table }) {
+  const { meta } = table.options;
+  return /* @__PURE__ */ jsx(
+    SwitchCell,
+    {
+      data: row.original,
+      studyUuid: meta?.context.studyUuid ?? null,
+      currentNodeId: meta?.context.currentNodeId,
+      isDisabled: meta?.status.isDisabled
+    }
+  );
+}
+function RootNetworkHeaderRenderer({ column, table }) {
+  const { meta } = table.options;
+  const isCurrentRootNetwork = !!meta?.context.currentRootNetworkUuid && column.id === meta.context.currentRootNetworkUuid;
+  if (!isCurrentRootNetwork || (meta?.modifications.count ?? 0) < 1) {
+    return null;
+  }
+  const currentRootNetworkTag = meta?.context.rootNetworks?.find(
+    (r) => r.rootNetworkUuid === meta.context.currentRootNetworkUuid
+  )?.tag;
+  return /* @__PURE__ */ jsx(Box, { sx: networkModificationTableStyles.rootNetworkHeader, children: /* @__PURE__ */ jsx(Tooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "visualizedRootNetwork", values: { tag: currentRootNetworkTag } }), children: /* @__PURE__ */ jsx(Badge, { overlap: "circular", color: "primary", variant: "dot", children: /* @__PURE__ */ jsx(RemoveRedEye, {}) }) }) });
+}
+function RootNetworkCellRenderer({ row, column, table }) {
+  const { meta } = table.options;
+  const rootNetwork = meta?.context.rootNetworks?.find((r) => r.rootNetworkUuid === column.id);
+  if (!rootNetwork || !meta?.modifications.toExclude || !meta.modifications.setToExclude) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Box, { sx: createRootNetworkChipCellSx(row.original.activated), children: /* @__PURE__ */ jsx(
+    RootNetworkChipCell,
+    {
+      data: row.original,
+      studyUuid: meta?.context.studyUuid ?? null,
+      currentNodeId: meta?.context.currentNodeId,
+      rootNetwork,
+      modificationsToExclude: meta.modifications.toExclude,
+      setModificationsToExclude: meta.modifications.setToExclude,
+      isDisabled: meta?.status.isDisabled
+    }
+  ) });
+}
+export {
+  DescriptionCellRenderer,
+  DragHandleRenderer,
+  NameCellRenderer,
+  NameHeaderRenderer,
+  RootNetworkCellRenderer,
+  RootNetworkHeaderRenderer,
+  SelectCellRenderer,
+  SelectHeaderRenderer,
+  SwitchCellRenderer
+};

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

@@ -0,0 +1,9 @@
+import { UUID } from 'node:crypto';
+import { ComposedModificationMetadata } from '../../../utils';
+export interface DescriptionCellProps {
+    data: ComposedModificationMetadata;
+    studyUuid: UUID | null;
+    currentNodeId?: UUID;
+    isDisabled?: boolean;
+}
+export declare function DescriptionCell(props: DescriptionCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modification-table/renderers/description-cell.js

@@ -0,0 +1,75 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Tooltip, IconButton } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import "react-hook-form";
+import "../../ui/reactHookForm/provider/CustomFormProvider.js";
+import { DescriptionModificationDialog } from "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { setModificationMetadata } from "../../../services/networkModification.js";
+import "../../treeViewFinder/TreeViewFinder.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "@hello-pangea/dnd";
+import "../../ui/overflowableText/OverflowableText.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 { EditNoteIcon } from "../../ui/icons/EditNoteIcon.js";
+import { createEditDescriptionStyle } from "../network-modification-table-styles.js";
+function DescriptionCell(props) {
+  const { data, studyUuid, currentNodeId, isDisabled = false } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const [openDescModificationDialog, setOpenDescModificationDialog] = useState(false);
+  const modificationUuid = data.uuid;
+  const { description } = data;
+  const empty = !description;
+  const updateModification = useCallback(
+    async (descriptionRecord) => {
+      setIsLoading(true);
+      return setModificationMetadata(studyUuid, currentNodeId, modificationUuid, {
+        description: descriptionRecord.description,
+        type: data.type
+      }).finally(() => {
+        setIsLoading(false);
+      });
+    },
+    [studyUuid, currentNodeId, modificationUuid, data.type]
+  );
+  const handleDescDialogClose = useCallback(() => {
+    setOpenDescModificationDialog(false);
+  }, []);
+  const handleModifyDescription = useCallback(() => {
+    setOpenDescModificationDialog(true);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    openDescModificationDialog && modificationUuid && /* @__PURE__ */ jsx(
+      DescriptionModificationDialog,
+      {
+        open: true,
+        description: description ?? "",
+        onClose: handleDescDialogClose,
+        updateElement: updateModification
+      }
+    ),
+    /* @__PURE__ */ jsx(Tooltip, { title: description ?? /* @__PURE__ */ jsx(FormattedMessage, { id: "addDescription" }), arrow: true, enterDelay: 250, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: handleModifyDescription,
+        disabled: isLoading || isDisabled,
+        sx: createEditDescriptionStyle(data.description),
+        children: /* @__PURE__ */ jsx(EditNoteIcon, { empty })
+      }
+    ) }) })
+  ] });
+}
+export {
+  DescriptionCell
+};

package/dist/components/network-modification-table/renderers/index.d.ts

@@ -4,9 +4,13 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
+export * from './cell-renderers';
 export * from './depth-box';
+export * from './description-cell';
 export * from './drag-handle-cell';
 export * from './name-cell';
 export * from './network-modification-node-editor-name-header';
+export * from './root-network-chip-cell';
 export * from './select-cell';
 export * from './select-header-cell';
+export * from './switch-cell';

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

@@ -1,14 +1,30 @@
+import { DescriptionCellRenderer, DragHandleRenderer, NameCellRenderer, NameHeaderRenderer, 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";
 import { NameCell } from "./name-cell.js";
 import { NetworkModificationEditorNameHeader } from "./network-modification-node-editor-name-header.js";
+import { RootNetworkChipCell } from "./root-network-chip-cell.js";
 import { SelectCell } from "./select-cell.js";
 import { SelectHeaderCell } from "./select-header-cell.js";
+import { SwitchCell } from "./switch-cell.js";
 export {
   DepthBox,
+  DescriptionCell,
+  DescriptionCellRenderer,
   DragHandleCell,
+  DragHandleRenderer,
   NameCell,
+  NameCellRenderer,
+  NameHeaderRenderer,
   NetworkModificationEditorNameHeader,
+  RootNetworkCellRenderer,
+  RootNetworkChipCell,
+  RootNetworkHeaderRenderer,
   SelectCell,
-  SelectHeaderCell
+  SelectCellRenderer,
+  SelectHeaderCell,
+  SelectHeaderRenderer,
+  SwitchCell,
+  SwitchCellRenderer
 };

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

@@ -2,7 +2,7 @@ import { Row } from '@tanstack/react-table';
 import { ComposedModificationMetadata } from '../../../utils';
 interface NameCellProps {
     row: Row<ComposedModificationMetadata>;
-    onEditNameCell?: (modification: ComposedModificationMetadata, newName: string) => void;
+    onChange?: (modification: ComposedModificationMetadata, newValue: string) => Promise<unknown>;
 }
-export declare function NameCell({ row, onEditNameCell }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
+export declare function NameCell({ row, onChange }: Readonly<NameCellProps>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,21 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState, useRef } from "react";
+import { useCallback, useMemo, useState, useEffect, useRef } from "react";
 import { useIntl } from "react-intl";
 import { useTheme, Box, IconButton, InputBase } from "@mui/material";
 import { KeyboardArrowDown, KeyboardArrowRight } from "@mui/icons-material";
-import { CustomTooltip } from "../../tooltip/CustomTooltip.js";
+import { CustomTooltip } from "../../ui/tooltip/CustomTooltip.js";
 import { networkModificationTableStyles, createNameCellLabelBoxSx, createModificationNameCellStyle, createNameCellRootStyle } from "../network-modification-table-styles.js";
 import { DepthBox } from "./depth-box.js";
 import { isCompositeModification } from "../utils.js";
 import { useModificationLabelComputer } from "../../../hooks/useModificationLabelComputer.js";
 import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
 import "../../../utils/types/equipmentType.js";
 import { mergeSx } from "../../../utils/styles.js";
 import "../../../utils/yupConfig.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
-import "notistack";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 const MIN_CHAR_WIDTH = 30;
 function measureTextPx(text, font) {
   const ctx = document.createElement("canvas").getContext("2d");
@@ -25,10 +26,11 @@ function measureTextPx(text, font) {
   }
   return text.length * 8;
 }
-function NameCell({ row, onEditNameCell }) {
+function NameCell({ row, onChange }) {
   const intl = useIntl();
   const theme = useTheme();
   const { computeLabel } = useModificationLabelComputer();
+  const { snackError } = useSnackMessage();
   const { depth } = row;
   const isComposite = isCompositeModification(row.original);
   const getModificationLabel = useCallback(
@@ -40,8 +42,7 @@ function NameCell({ row, onEditNameCell }) {
     },
     [computeLabel, intl]
   );
-  const label = useMemo(() => getModificationLabel(row.original), [getModificationLabel, row.original]);
-  const compositeName = useMemo(() => {
+  const savedCompositeName = useMemo(() => {
     if (!isComposite) {
       return "";
     }
@@ -51,6 +52,14 @@ function NameCell({ row, onEditNameCell }) {
       return "";
     }
   }, [isComposite, row.original.messageValues]);
+  const [compositeName, setCompositeName] = useState(savedCompositeName);
+  useEffect(() => {
+    setCompositeName(savedCompositeName);
+  }, [savedCompositeName]);
+  const label = useMemo(
+    () => isComposite ? getModificationLabel({ ...row.original, messageValues: JSON.stringify({ name: compositeName }) }) : getModificationLabel(row.original),
+    [getModificationLabel, row.original, isComposite, compositeName]
+  );
   const [isEditing, setIsEditing] = useState(false);
   const [draftName, setDraftName] = useState("");
   const [inputBaseWidthPx, setInputBaseWidthPx] = useState(null);
@@ -62,16 +71,26 @@ function NameCell({ row, onEditNameCell }) {
     setIsEditing(false);
     setInputBaseWidthPx(null);
   }, []);
+  const updateName = useCallback(
+    (newName) => {
+      setCompositeName(newName);
+      Promise.resolve(onChange?.(row.original, newName)).catch((error) => {
+        setCompositeName(savedCompositeName);
+        snackWithFallback(snackError, error, { headerId: "networkModificationRenamingError" });
+      });
+    },
+    [onChange, row.original, savedCompositeName, snackError]
+  );
   const handleBlur = useCallback(() => {
     if (!isEditingRef.current) {
       return;
     }
     const trimmed = draftName.trim();
     if (trimmed !== "" && trimmed !== compositeName) {
-      onEditNameCell?.(row.original, trimmed);
+      updateName(trimmed);
     }
     stopEditing();
-  }, [compositeName, draftName, onEditNameCell, row.original, stopEditing]);
+  }, [compositeName, draftName, updateName, stopEditing]);
   const handleLabelClick = useCallback(
     (e) => {
       e.stopPropagation();
@@ -96,7 +115,7 @@ function NameCell({ row, onEditNameCell }) {
       if (e.key === "Enter") {
         const trimmed = draftName.trim();
         if (trimmed !== "" && trimmed !== compositeName) {
-          onEditNameCell?.(row.original, trimmed);
+          updateName(trimmed);
         }
         stopEditing();
         inputRef.current?.blur();
@@ -105,7 +124,7 @@ function NameCell({ row, onEditNameCell }) {
         inputRef.current?.blur();
       }
     },
-    [compositeName, draftName, onEditNameCell, row.original, stopEditing]
+    [compositeName, draftName, updateName, stopEditing]
   );
   const renderDepthBox = () => {
     const depthLevelCount = depth;

package/dist/components/network-modification-table/renderers/root-network-chip-cell.d.ts

@@ -0,0 +1,13 @@
+import { default as React, SetStateAction } from 'react';
+import { UUID } from 'node:crypto';
+import { ComposedModificationMetadata, ExcludedNetworkModifications, RootNetworkRowInfo } from '../../../utils';
+export interface RootNetworkChipCellProps {
+    data: ComposedModificationMetadata;
+    studyUuid: UUID | null;
+    currentNodeId?: UUID;
+    rootNetwork: RootNetworkRowInfo;
+    modificationsToExclude: ExcludedNetworkModifications[];
+    setModificationsToExclude: React.Dispatch<SetStateAction<ExcludedNetworkModifications[]>>;
+    isDisabled?: boolean;
+}
+export declare function RootNetworkChipCell(props: RootNetworkChipCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/network-modification-table/renderers/root-network-chip-cell.js

@@ -0,0 +1,114 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import "react-intl";
+import "@mui/material";
+import { ActivableChip } from "../../ui/inputs/ActivableChip.js";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { updateModificationStatusByRootNetwork } from "../../../services/networkModification.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+function getUpdatedExcludedModifications(prev, rootNetworkUuid, modificationUuid) {
+  const exists = prev.some((item) => item.rootNetworkUuid === rootNetworkUuid);
+  if (exists) {
+    let newStatus = false;
+    const nextExcluded = prev.map((modif) => {
+      if (modif.rootNetworkUuid !== rootNetworkUuid) {
+        return modif;
+      }
+      const isExcluded = modif.modificationUuidsToExclude.includes(modificationUuid);
+      const newModificationUuidsToExclude = isExcluded ? modif.modificationUuidsToExclude.filter((id) => id !== modificationUuid) : [...modif.modificationUuidsToExclude, modificationUuid];
+      newStatus = isExcluded;
+      return {
+        ...modif,
+        modificationUuidsToExclude: newModificationUuidsToExclude
+      };
+    });
+    return { nextExcluded, newStatus };
+  }
+  return {
+    nextExcluded: [
+      ...prev,
+      {
+        rootNetworkUuid,
+        modificationUuidsToExclude: [modificationUuid]
+      }
+    ],
+    newStatus: false
+  };
+}
+function RootNetworkChipCell(props) {
+  const {
+    data,
+    studyUuid,
+    currentNodeId,
+    rootNetwork,
+    modificationsToExclude,
+    setModificationsToExclude,
+    isDisabled = false
+  } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const { snackError } = useSnackMessage();
+  const modificationUuid = data.uuid;
+  const isModificationActivated = useMemo(() => {
+    if (rootNetwork.isCreating) {
+      return true;
+    }
+    const excludedSet = new Set(
+      modificationsToExclude.find((item) => item.rootNetworkUuid === rootNetwork.rootNetworkUuid)?.modificationUuidsToExclude || []
+    );
+    return !excludedSet.has(modificationUuid);
+  }, [modificationUuid, modificationsToExclude, rootNetwork.rootNetworkUuid, rootNetwork.isCreating]);
+  const handleModificationActivationByRootNetwork = useCallback(() => {
+    if (!studyUuid || !currentNodeId) {
+      return;
+    }
+    setIsLoading(true);
+    const { nextExcluded, newStatus } = getUpdatedExcludedModifications(
+      modificationsToExclude,
+      rootNetwork.rootNetworkUuid,
+      modificationUuid
+    );
+    setModificationsToExclude(nextExcluded);
+    updateModificationStatusByRootNetwork(
+      studyUuid,
+      currentNodeId,
+      rootNetwork.rootNetworkUuid,
+      modificationUuid,
+      newStatus
+    ).catch((error) => {
+      setModificationsToExclude(
+        (prev) => getUpdatedExcludedModifications(prev, rootNetwork.rootNetworkUuid, modificationUuid).nextExcluded
+      );
+      snackWithFallback(snackError, error, { headerId: "modificationActivationByRootNetworkError" });
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, [
+    modificationUuid,
+    studyUuid,
+    currentNodeId,
+    modificationsToExclude,
+    rootNetwork.rootNetworkUuid,
+    setModificationsToExclude,
+    snackError
+  ]);
+  return /* @__PURE__ */ jsx(
+    ActivableChip,
+    {
+      label: rootNetwork.tag,
+      tooltipMessage: rootNetwork.name,
+      isActivated: isModificationActivated,
+      isDisabled: isLoading || isDisabled,
+      onClick: handleModificationActivationByRootNetwork
+    }
+  );
+}
+export {
+  RootNetworkChipCell
+};

package/dist/components/network-modification-table/renderers/select-cell.js

@@ -18,7 +18,7 @@ function SelectCell({ row, table }) {
     (event) => {
       const rows = table.getRowModel().flatRows;
       const currentIndex = rows.indexOf(row);
-      const anchorRowId = meta?.lastClickedRowId.current;
+      const anchorRowId = meta?.interaction.lastClickedRowId.current;
       const anchorIndex = anchorRowId == null ? null : rows.findIndex((candidate) => candidate.id === anchorRowId);
       const targetSelected = !isSelected;
       if (event.shiftKey && anchorIndex != null && anchorIndex !== -1) {
@@ -27,7 +27,7 @@ function SelectCell({ row, table }) {
         row.toggleSelected(targetSelected);
       }
       if (meta) {
-        meta.lastClickedRowId.current = row.id;
+        meta.interaction.lastClickedRowId.current = row.id;
       }
     },
     [table, row, meta, isSelected]

package/dist/components/network-modification-table/renderers/select-header-cell.js

@@ -6,8 +6,8 @@ function SelectHeaderCell({ table }) {
     const { meta } = table.options;
     if (meta) {
       const nextSelectedRows = table.getIsAllRowsSelected() ? [] : table.getCoreRowModel().rows.map((r) => r.original);
-      meta.onRowSelected?.(nextSelectedRows);
-      meta.lastClickedRowId.current = null;
+      meta.interaction.onRowSelected?.(nextSelectedRows);
+      meta.interaction.lastClickedRowId.current = null;
     }
     table.toggleAllRowsSelected();
   }, [table]);

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

@@ -0,0 +1,9 @@
+import { UUID } from 'node:crypto';
+import { ComposedModificationMetadata } from '../../../utils';
+export interface SwitchCellProps {
+    data: ComposedModificationMetadata;
+    studyUuid: UUID | null;
+    currentNodeId?: UUID;
+    isDisabled?: boolean;
+}
+export declare function SwitchCell(props: SwitchCellProps): import("react/jsx-runtime").JSX.Element;