@gridsuite/commons-ui 0.211.0 → 0.213.0

package/dist/components/filter/expert/ExpertFilterForm.d.ts

@@ -1,5 +1,5 @@
+import { default as yup } from '../../../utils/yupConfig';
 import { FieldType } from '../../../utils/types/fieldType';
-import * as yup from 'yup';
 export declare const expertFilterSchema: {
     rules: yup.ObjectSchema<{}, yup.AnyObject, {}, "">;
 };

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

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { formatQuery } from "react-querybuilder/formatQuery";
 import { useWatch } from "react-hook-form";
-import * as yup from "yup";
 import { v4 } from "uuid";
 import { Box } from "@mui/material";
+import "../../../utils/yupConfig.js";
 import { testQuery } from "./expertFilterUtils.js";
 import { EXPERT_FILTER_QUERY, RULES, OPERATOR_OPTIONS, COMBINATOR_OPTIONS, EXPERT_FILTER_FIELDS, EXPERT_FILTER_EQUIPMENTS } from "./expertFilterConstants.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
@@ -18,7 +18,6 @@ import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { FieldType } from "../../../utils/types/fieldType.js";
 import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
 import "react-intl";
 import "../../treeViewFinder/TreeViewFinder.js";
 import "localized-countries";
@@ -30,6 +29,7 @@ import { filterStyles } from "../HeaderFilterForm.js";
 import "../../overflowableText/OverflowableText.js";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
 import { useCustomFormContext } from "../../inputs/reactHookForm/provider/useCustomFormContext.js";
+import * as yup from "yup";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "../../customAGGrid/customAggrid.js";
 import "ag-grid-community";
@@ -44,17 +44,6 @@ import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-yup.setLocale({
-  mixed: {
-    required: "YupRequired",
-    notType: ({ type }) => {
-      if (type === "number") {
-        return "YupNotTypeNumber";
-      }
-      return "YupNotTypeDefault";
-    }
-  }
-});
 import '../../../assets/ExpertFilterForm.css';function isSupportedEquipmentType(equipmentType) {
   return Object.values(EXPERT_FILTER_EQUIPMENTS).map((equipments) => equipments.id).includes(equipmentType);
 }

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

@@ -8,7 +8,7 @@ import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../../utils/yupConfig.js";
 import { CustomAgGridTable } from "../../inputs/reactHookForm/agGridTable/CustomAgGridTable.js";
 import { SelectInput } from "../../inputs/reactHookForm/selectInputs/SelectInput.js";
-import { Generator, Load } from "../../../utils/types/equipmentTypes.js";
+import { isInjection } from "../../../utils/types/equipmentTypes.js";
 import { NumericEditor } from "../../inputs/reactHookForm/agGridTable/cellEditors/numericEditor.js";
 import { InputWithPopupConfirmation } from "../../inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { toFloatOrNullValue } from "../../inputs/reactHookForm/utils/functions.js";
@@ -50,9 +50,6 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
 import * as yup from "yup";
-function isGeneratorOrLoad(equipmentType) {
-  return equipmentType === Generator.type || equipmentType === Load.type;
-}
 const explicitNamingFilterSchema = {
   [FILTER_EQUIPMENTS_ATTRIBUTES]: yup.array().of(
     yup.object().shape({
@@ -60,7 +57,7 @@ const explicitNamingFilterSchema = {
       [DISTRIBUTION_KEY]: yup.number().nullable()
     })
   ).compact((row) => !row[DISTRIBUTION_KEY] && !row[FieldConstants.EQUIPMENT_ID]).min(1, "emptyFilterError").when([FieldConstants.EQUIPMENT_TYPE], {
-    is: (equipmentType) => isGeneratorOrLoad(equipmentType),
+    is: (equipmentType) => isInjection(equipmentType),
     then: (innerSchema) => innerSchema.test("noKeyWithoutId", "distributionKeyWithMissingIdError", (array) => {
       return !array.some((row) => !row[FieldConstants.EQUIPMENT_ID]);
     }).test("ifOneKeyThenKeyEverywhere", "missingDistributionKeyError", (array) => {
@@ -100,7 +97,7 @@ function ExplicitNamingFilterForm({
       });
     }
   }, [snackError, watchEquipmentType]);
-  const forGeneratorOrLoad = isGeneratorOrLoad(watchEquipmentType);
+  const forGeneratorBatteryOrLoad = isInjection(watchEquipmentType);
   useEffect(() => {
     if (sourceFilterForExplicitNamingConversion) {
       setValue(FieldConstants.EQUIPMENT_TYPE, sourceFilterForExplicitNamingConversion.equipmentType);
@@ -120,7 +117,7 @@ function ExplicitNamingFilterForm({
         valueParser: (params) => params.newValue?.trim() ?? null
       }
     ];
-    if (forGeneratorOrLoad) {
+    if (forGeneratorBatteryOrLoad) {
       newColumnDefs.push({
         headerName: intl.formatMessage({ id: DISTRIBUTION_KEY }),
         field: DISTRIBUTION_KEY,
@@ -131,7 +128,7 @@ function ExplicitNamingFilterForm({
       });
     }
     return newColumnDefs;
-  }, [intl, forGeneratorOrLoad]);
+  }, [intl, forGeneratorBatteryOrLoad]);
   const defaultColDef = useMemo(
     () => ({
       suppressMovable: true
@@ -140,11 +137,11 @@ function ExplicitNamingFilterForm({
   );
   const csvFileHeaders = useMemo(() => {
     const newCsvFileHeaders = [intl.formatMessage({ id: FieldConstants.EQUIPMENT_ID })];
-    if (forGeneratorOrLoad) {
+    if (forGeneratorBatteryOrLoad) {
       newCsvFileHeaders.push(intl.formatMessage({ id: DISTRIBUTION_KEY }));
     }
     return newCsvFileHeaders;
-  }, [intl, forGeneratorOrLoad]);
+  }, [intl, forGeneratorBatteryOrLoad]);
   const getDataFromCsvFile = useCallback((csvData) => {
     if (csvData) {
       return csvData.map((value) => {

package/dist/components/filter/utils/filterApi.js

@@ -1,5 +1,5 @@
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
-import { Generator, Load } from "../../../utils/types/equipmentTypes.js";
+import { isInjection } from "../../../utils/types/equipmentTypes.js";
 import { exportExpertRules } from "../expert/expertFilterUtils.js";
 import { DISTRIBUTION_KEY, FilterType } from "../constants/FilterConstants.js";
 import { createFilter, saveFilter } from "../../../services/explore.js";
@@ -11,8 +11,8 @@ import "@mui/icons-material";
 import "../../../utils/yupConfig.js";
 const saveExplicitNamingFilter = (tableValues, isFilterCreation, equipmentType, name, description, id, setCreateFilterErr, handleClose, activeDirectory, token) => {
   let cleanedTableValues;
-  const isGeneratorOrLoad = equipmentType === Generator.type || equipmentType === Load.type;
-  if (isGeneratorOrLoad) {
+  const isEquipmentAnInjection = isInjection(equipmentType);
+  if (isEquipmentAnInjection) {
     cleanedTableValues = tableValues.map((row) => ({
       [FieldConstants.EQUIPMENT_ID]: row[FieldConstants.EQUIPMENT_ID],
       [DISTRIBUTION_KEY]: row[DISTRIBUTION_KEY]

package/dist/components/index.js

@@ -269,12 +269,16 @@ 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 { 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";
 import { NameCell } from "./network-modification-table/renderers/name-cell.js";
 import { NetworkModificationEditorNameHeader } from "./network-modification-table/renderers/network-modification-node-editor-name-header.js";
+import { RootNetworkChipCell } from "./network-modification-table/renderers/root-network-chip-cell.js";
 import { SelectCell } from "./network-modification-table/renderers/select-cell.js";
 import { SelectHeaderCell } from "./network-modification-table/renderers/select-header-cell.js";
+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, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./network-modification-table/utils.js";
@@ -385,6 +389,8 @@ export {
   DataType,
   DefaultCellRenderer,
   DepthBox,
+  DescriptionCell,
+  DescriptionCellRenderer,
   DescriptionField,
   DescriptionInput,
   DescriptionModificationDialog,
@@ -398,6 +404,7 @@ export {
   DndTableBottomRightButtons,
   DragCloneRow,
   DragHandleCell,
+  DragHandleRenderer,
   DynamicMarginCalculationInline,
   DynamicSecurityAnalysisInline,
   DynamicSimulationInline,
@@ -516,6 +523,8 @@ export {
   NODE_CLUSTER_FILTER_IDS,
   NadPositionsGenerationMode,
   NameCell,
+  NameCellRenderer,
+  NameHeaderRenderer,
   NetworkModificationEditorNameHeader,
   NetworkModificationNameCellRenderer,
   NetworkModificationsTable,
@@ -590,6 +599,9 @@ export {
   ReadOnlyInput,
   RemoveButton,
   ResizeHandle,
+  RootNetworkCellRenderer,
+  RootNetworkChipCell,
+  RootNetworkHeaderRenderer,
   RuleValueEditor,
   SCENARIO_DURATION,
   SELECTED,
@@ -624,8 +636,10 @@ export {
   SecurityAnalysisParametersDialog,
   SecurityAnalysisParametersInline,
   SelectCell,
+  SelectCellRenderer,
   SelectClearable,
   SelectHeaderCell,
+  SelectHeaderRenderer,
   SelectInput,
   SelectWithConfirmationInput,
   SensiBranchesTabValues,
@@ -647,6 +661,8 @@ export {
   SubstationCreationForm,
   SubstationLayout,
   SubstationModificationForm,
+  SwitchCell,
+  SwitchCellRenderer,
   SwitchInput,
   SwitchKind,
   SwitchWithLabel,

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

@@ -1,4 +1,3 @@
-import { NetworkModificationEditorNameHeaderProps } from './renderers';
 export declare const computeTagMinSize: (tag: string) => number;
 export declare const BASE_MODIFICATION_TABLE_COLUMNS: {
     DRAG_HANDLE: {
@@ -23,4 +22,3 @@ export declare const BASE_MODIFICATION_TABLE_COLUMNS: {
     };
 };
 export declare const AUTO_EXTENSIBLE_COLUMNS: string[];
-export type NameHeaderProps = Omit<NetworkModificationEditorNameHeaderProps, 'modificationCount'>;

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

@@ -2,12 +2,16 @@ 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 { DepthBox } from "./renderers/depth-box.js";
+import { DescriptionCell } from "./renderers/description-cell.js";
 import { DragHandleCell } from "./renderers/drag-handle-cell.js";
 import { NameCell } from "./renderers/name-cell.js";
 import { NetworkModificationEditorNameHeader } from "./renderers/network-modification-node-editor-name-header.js";
+import { RootNetworkChipCell } from "./renderers/root-network-chip-cell.js";
 import { SelectCell } from "./renderers/select-cell.js";
 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, findModificationInTree, formatToComposedModification, isCompositeModification, mergeSubModificationsIntoTree, moveSubModificationInTree, updateModificationFieldInTree, updateSubModificationsOfACompositeInTree } from "./utils.js";
@@ -21,16 +25,28 @@ export {
   DROP_INDICATOR_BOTTOM,
   DROP_INDICATOR_TOP,
   DepthBox,
+  DescriptionCell,
+  DescriptionCellRenderer,
   DragCloneRow,
   DragHandleCell,
+  DragHandleRenderer,
   MAX_COMPOSITE_NESTING_DEPTH,
   MODIFICATION_ROW_HEIGHT,
   ModificationRow,
   NameCell,
+  NameCellRenderer,
+  NameHeaderRenderer,
   NetworkModificationEditorNameHeader,
   NetworkModificationsTable,
+  RootNetworkCellRenderer,
+  RootNetworkChipCell,
+  RootNetworkHeaderRenderer,
   SelectCell,
+  SelectCellRenderer,
   SelectHeaderCell,
+  SelectHeaderRenderer,
+  SwitchCell,
+  SwitchCellRenderer,
   computeTagMinSize,
   createCellBorderColor,
   createCellContentWrapperSx,

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

@@ -1,9 +1,8 @@
-import { default as React, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
 import { UUID } from 'node:crypto';
 import { NetworkModificationEditorNameHeaderProps } from './renderers';
-import { NameHeaderProps } from './columns-definition';
-import { ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
+import { ExcludedNetworkModifications, RootNetworkRowInfo, ComposedModificationMetadata, NetworkModificationMetadata } from '../../utils';
 interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorNameHeaderProps, 'modificationCount'> {
     modifications: NetworkModificationMetadata[];
     handleCellClick: (modification: NetworkModificationMetadata) => void;
@@ -11,10 +10,15 @@ interface NetworkModificationsTableProps extends Omit<NetworkModificationEditorN
     onRowDragStart: () => void;
     onRowDragEnd: () => void;
     onRowSelected: (selectedRows: ComposedModificationMetadata[]) => void;
-    createAllColumns: (isRowDragDisabled: boolean, modificationsCount: number, nameHeaderProps: NameHeaderProps, setModifications: React.Dispatch<SetStateAction<ComposedModificationMetadata[]>>) => ColumnDef<ComposedModificationMetadata>[];
+    columns: ColumnDef<ComposedModificationMetadata>[];
     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, createAllColumns, highlightedModificationUuid, studyUuid, currentNodeId, ...nameHeaderProps }: 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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect, useCallback } from "react";
+import { useRef, useState, useEffect, useCallback, useMemo } from "react";
 import { useTheme, Box, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
 import { useReactTable, getExpandedRowModel, getCoreRowModel, flexRender } from "@tanstack/react-table";
 import { DragDropContext, Droppable } from "@hello-pangea/dnd";
@@ -26,11 +26,19 @@ function NetworkModificationsTable({
   onRowDragStart,
   onRowDragEnd,
   onRowSelected,
-  createAllColumns,
+  columns,
   highlightedModificationUuid,
   studyUuid = null,
   currentNodeId = void 0,
-  ...nameHeaderProps
+  currentRootNetworkUuid,
+  rootNetworks,
+  modificationsToExclude,
+  setModificationsToExclude,
+  isDisabled = false,
+  isImpactedByNotification,
+  notificationMessageId,
+  isFetchingModifications,
+  pendingState
 }) {
   const theme = useTheme();
   const containerRef = useRef(null);
@@ -42,15 +50,6 @@ function NetworkModificationsTable({
     modifications: composedModifications,
     onRowSelected
   });
-  const columns = useMemo(
-    () => createAllColumns(
-      isRowDragDisabled ?? false,
-      modifications.length,
-      nameHeaderProps,
-      setComposedModifications
-    ),
-    [createAllColumns, isRowDragDisabled, modifications.length, nameHeaderProps]
-  );
   useEffect(() => {
     setComposedModifications((prevMods) => {
       const nextMods = mergeSubModificationsIntoTree(formatToComposedModification(modifications), prevMods);
@@ -78,6 +77,50 @@ function NetworkModificationsTable({
       return nextExpanded;
     });
   }, []);
+  const tableMeta = useMemo(
+    () => ({
+      context: {
+        studyUuid,
+        currentNodeId,
+        currentRootNetworkUuid,
+        rootNetworks
+      },
+      modifications: {
+        count: modifications.length,
+        toExclude: modificationsToExclude,
+        setToExclude: setModificationsToExclude
+      },
+      interaction: {
+        lastClickedRowId,
+        onRowSelected,
+        isRowDragDisabled
+      },
+      status: {
+        isImpactedByNotification,
+        notificationMessageId,
+        isFetchingModifications,
+        pendingState,
+        isDisabled
+      }
+    }),
+    [
+      studyUuid,
+      currentNodeId,
+      currentRootNetworkUuid,
+      rootNetworks,
+      modifications.length,
+      modificationsToExclude,
+      setModificationsToExclude,
+      lastClickedRowId,
+      onRowSelected,
+      isRowDragDisabled,
+      isImpactedByNotification,
+      notificationMessageId,
+      isFetchingModifications,
+      pendingState,
+      isDisabled
+    ]
+  );
   const table = useReactTable({
     data: composedModifications,
     columns,
@@ -92,7 +135,7 @@ function NetworkModificationsTable({
     enableExpanding: true,
     onExpandedChange: handleExpandRow,
     onRowSelectionChange,
-    meta: { lastClickedRowId, onRowSelected }
+    meta: tableMeta
   });
   const { rows, flatRows } = table.getRowModel();
   useEffect(() => {

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,73 @@
+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 "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import { DescriptionModificationDialog } from "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../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 "@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 "../../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
 };