@gridsuite/commons-ui 0.192.0 → 0.194.0

package/dist/components/index.js

@@ -40,7 +40,7 @@ import { useElementSearch } from "./elementSearch/hooks/useElementSearch.js";
 import { TagRenderer } from "./elementSearch/tagRenderer/TagRenderer.js";
 import { FilterCreationDialog } from "./filter/FilterCreationDialog.js";
 import { FilterForm } from "./filter/FilterForm.js";
-import { DISTRIBUTION_KEY, FilterType, NO_ITEM_SELECTION_FOR_COPY } from "./filter/constants/FilterConstants.js";
+import { DISTRIBUTION_KEY, FilterType } from "./filter/constants/FilterConstants.js";
 import { ExpertFilterEditionDialog } from "./filter/expert/ExpertFilterEditionDialog.js";
 import { ExpertFilterForm, expertFilterSchema, getExpertFilterEmptyFormData } from "./filter/expert/ExpertFilterForm.js";
 import { CombinatorType, DataType, OperatorType } from "./filter/expert/expertFilter.type.js";
@@ -159,7 +159,9 @@ import { LimitReductionsTableForm } from "./parameters/common/limitreductions/li
 import { LimitReductionTableRow } from "./parameters/common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./parameters/common/limitreductions/limit-reduction-table-cell.js";
 import { ContingencyTable } from "./parameters/common/contingency-table/contingency-table.js";
-import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, ParamContingencyLists, getContingencyListsInfosFormSchema, toFormValuesContingencyListsInfos } from "./parameters/common/contingency-table/columns-definitions.js";
+import { COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS, getContingencyListsInfosFormSchema, isValidContingencyRow, toFormValuesContingencyListsInfos } from "./parameters/common/contingency-table/columns-definitions.js";
+import { useTabs } from "./parameters/common/hook/use-tabs.js";
+import { useParametersForm } from "./parameters/common/hook/use-parameters-form.js";
 import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INTL_LINE_FLOW_MODE_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NAD_POSITIONS_GENERATION_MODE, NAD_POSITIONS_GENERATION_MODE_LABEL, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_NAD_POSITIONS_GENERATION_MODE, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./parameters/network-visualizations/constants.js";
 import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_ETALAB, MAP_BASEMAP_MAPBOX, NadPositionsGenerationMode, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
 import { NetworkVisualizationParametersInline } from "./parameters/network-visualizations/network-visualizations-parameters-inline.js";
@@ -180,11 +182,12 @@ import { SecurityAnalysisParametersInline } from "./parameters/security-analysis
 import { SecurityAnalysisParametersDialog } from "./parameters/security-analysis/security-analysis-parameters-dialog.js";
 import { SensitivityAnalysisParametersInline } from "./parameters/sensi/sensitivity-analysis-parameters-inline.js";
 import { SensitivityAnalysisParametersDialog } from "./parameters/sensi/sensitivity-analysis-parameters-dialog.js";
-import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiHvdcs, SensiInjection, SensiInjectionsSet, SensiNodes, SensiPsts, SensiTabValues } from "./parameters/sensi/columns-definitions.js";
-import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
-import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
+import { COLUMNS_DEFINITIONS_HVDCS, COLUMNS_DEFINITIONS_INJECTIONS, COLUMNS_DEFINITIONS_INJECTIONS_SET, COLUMNS_DEFINITIONS_NODES, COLUMNS_DEFINITIONS_PSTS, EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES, HVDC_EQUIPMENT_TYPES, INJECTIONS_EQUIPMENT_TYPES, INJECTION_DISTRIBUTION_TYPES, MONITORED_BRANCHES_EQUIPMENT_TYPES, MONITORED_VOLTAGE_LEVELS_EQUIPMENT_TYPES, PSTS_EQUIPMENT_TYPES, SENSITIVITY_TYPES, SensiBranchesTabValues, SensiTabValues } from "./parameters/sensi/columns-definitions.js";
+import { DynamicSimulationInline } from "./parameters/dynamic-simulation/dynamic-simulation-inline.js";
 import { CONTINGENCIES_LIST_INFOS, CONTINGENCIES_START_TIME, SCENARIO_DURATION } from "./parameters/dynamic-security-analysis/constants.js";
 import { DynamicSecurityAnalysisInline } from "./parameters/dynamic-security-analysis/dynamic-security-analysis-inline.js";
+import { ACCURACY, ACTIVE, CALCULATION_TYPE, LOADS_VARIATIONS, LOAD_FILTERS, LOAD_INCREASE_START_TIME, LOAD_INCREASE_STOP_TIME, LOAD_MODELS_RULE, MARGIN_CALCULATION_START_TIME, START_TIME, STOP_TIME, VARIATION } from "./parameters/dynamic-margin-calculation/constants.js";
+import { DynamicMarginCalculationInline } from "./parameters/dynamic-margin-calculation/dynamic-margin-calculation-inline.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 import { OverflowableTableCell } from "./muiTable/OverflowableTableCell.js";
 import { OverflowableTableCellWithCheckbox } from "./muiTable/OverflowableTableCellWithCheckbox.js";
@@ -345,6 +348,7 @@ export {
   DndTableBottomRightButtons,
   DynamicMarginCalculationInline,
   DynamicSecurityAnalysisInline,
+  DynamicSimulationInline,
   ENERGY_SOURCE_OPTIONS,
   EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES,
   EQUIPMENT_TYPE_ORDER,
@@ -453,7 +457,6 @@ export {
   NAME,
   NODE_CLUSTER,
   NODE_CLUSTER_FILTER_IDS,
-  NO_ITEM_SELECTION_FOR_COPY,
   NadPositionsGenerationMode,
   NetworkModificationNameCellRenderer,
   NetworkVisualizationParametersInline,
@@ -493,7 +496,6 @@ export {
   PRIORITY,
   PROVIDER,
   PSTS_EQUIPMENT_TYPES,
-  ParamContingencyLists,
   ParameterFloat,
   ParameterGroup,
   ParameterLineDirectoryItemsInput,
@@ -559,11 +561,6 @@ export {
   SelectInput,
   SelectWithConfirmationInput,
   SensiBranchesTabValues,
-  SensiHvdcs,
-  SensiInjection,
-  SensiInjectionsSet,
-  SensiNodes,
-  SensiPsts,
   SensiTabValues,
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
@@ -716,6 +713,7 @@ export {
   isFloatNumber,
   isIntegerNumber,
   isValidComputingType,
+  isValidContingencyRow,
   italicFontTextField,
   loadCreationDtoToForm,
   loadCreationEmptyFormData,
@@ -765,6 +763,8 @@ export {
   useHvdcLccDeletion,
   useListenerManager,
   useNotificationsListener,
+  useParametersForm,
+  useTabs,
   useTabsWithError,
   useValid,
   voltageLevelCreationDtoToForm,

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

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

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

@@ -0,0 +1,126 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { styled, Popper, autocompleteClasses, Autocomplete, lighten, TextField } from "@mui/material";
+import { useIntl } from "react-intl";
+import VirtualizedList from "./virtualized-list.js";
+import CheckboxItem from "./checkbox-item.js";
+const styles = {
+  autocomplete: (theme) => ({
+    ".MuiAutocomplete-inputRoot": {
+      height: "40px",
+      backgroundColor: "unset"
+      // prevents the field from changing size when selected with the keyboard
+    },
+    ".Mui-expanded, .Mui-focused, .Mui-focusVisible": {
+      position: "absolute",
+      width: "inherit",
+      height: "inherit",
+      zIndex: 20,
+      // jump up to avoid input zone pushed down below component
+      backgroundColor: lighten(theme.palette.background.default, 0.16)
+    },
+    "&.Mui-focused": {
+      ".MuiInputLabel-root": {
+        zIndex: 21,
+        // jump up to show max limit text
+        width: "auto"
+      }
+    },
+    "&:not(.Mui-focused) .MuiAutocomplete-tag": {
+      maxWidth: "calc(100% - 32px)"
+      // reduce 32px to avoid the number of hidden tags, e.g +2, shown in a new line
+    }
+  })
+};
+const StyledPopper = styled(Popper)({
+  [`& .${autocompleteClasses.listbox}`]: {
+    boxSizing: "border-box",
+    "& ul": {
+      padding: 0,
+      margin: 0
+    }
+  }
+});
+function CheckboxAutocomplete({
+  id,
+  virtualize = false,
+  maxSelection = 0,
+  options,
+  getOptionLabel,
+  onChange,
+  ...otherProps
+}) {
+  const intl = useIntl();
+  const [inputValue, setInputValue] = useState("");
+  const [isFocusInput, setIsFocusInput] = useState(false);
+  const [isMaxLimitReached, setMaxLimitReached] = useState(false);
+  const handleChange = (_event, value) => {
+    if (!maxSelection || value.length <= maxSelection) {
+      setMaxLimitReached(false);
+      onChange(value);
+    } else {
+      setMaxLimitReached(true);
+    }
+  };
+  const getInputLabel = () => {
+    if (!isFocusInput) {
+      return `${options?.length} ${intl.formatMessage({
+        id: "options"
+      })}`;
+    }
+    if (isMaxLimitReached) {
+      return `${maxSelection} ${intl.formatMessage({
+        id: "maxSelection"
+      })}`;
+    }
+    return void 0;
+  };
+  const renderInput = (params) => /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ...params,
+      label: getInputLabel(),
+      onChange: (event) => {
+        setInputValue(event.target.value);
+      },
+      onFocus: () => {
+        setIsFocusInput(true);
+      },
+      onBlur: () => {
+        setIsFocusInput(false);
+        setMaxLimitReached(false);
+      },
+      color: isMaxLimitReached ? "warning" : void 0
+    }
+  );
+  const renderOption = (props, option, state) => virtualize ? [option, state.selected, getOptionLabel, props] : /* @__PURE__ */ jsx(CheckboxItem, { option, selected: state.selected, getOptionLabel, ...props });
+  const handleBlur = () => {
+    setInputValue("");
+  };
+  return /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      id: id ? `checkbox-autocomplete-${id}` : void 0,
+      sx: styles.autocomplete,
+      disableCloseOnSelect: true,
+      size: "small",
+      disableListWrap: true,
+      PopperComponent: StyledPopper,
+      options,
+      noOptionsText: intl.formatMessage({ id: "noOption" }),
+      getOptionLabel,
+      ...otherProps,
+      limitTags: 1,
+      multiple: true,
+      ListboxComponent: virtualize ? VirtualizedList : void 0,
+      renderInput,
+      renderOption,
+      inputValue,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  );
+}
+export {
+  CheckboxAutocomplete
+};

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

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+interface CheckboxItemProps<Value> extends HTMLAttributes<HTMLElement> {
+    option: Value;
+    selected: boolean;
+    getOptionLabel: (option: Value) => string;
+}
+declare function CheckboxItem<Value>({ option, selected, getOptionLabel, ...otherProps }: Readonly<CheckboxItemProps<Value>>): import("react/jsx-runtime").JSX.Element;
+export default CheckboxItem;

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Typography, Checkbox } from "@mui/material";
+import { OverflowableText } from "../../overflowableText/OverflowableText.js";
+const styles = {
+  checkbox: {
+    marginRight: 8
+  }
+};
+function CheckboxItem({ option, selected, getOptionLabel, ...otherProps }) {
+  return /* @__PURE__ */ jsxs(Typography, { component: "li", ...otherProps, noWrap: true, children: [
+    /* @__PURE__ */ jsx(Checkbox, { style: styles.checkbox, checked: selected }),
+    /* @__PURE__ */ jsx(OverflowableText, { text: getOptionLabel(option) })
+  ] });
+}
+export {
+  CheckboxItem as default
+};

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

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * 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 './checkbox-autocomplete';

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

@@ -0,0 +1,4 @@
+import { CheckboxAutocomplete } from "./checkbox-autocomplete.js";
+export {
+  CheckboxAutocomplete
+};

package/dist/components/inputs/checkbox-autocomplete/virtualized-list-item.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes, Key } from 'react';
+import { RowComponentProps } from 'react-window';
+export type VirtualizedItem = [
+    option: string,
+    selected: boolean,
+    getOptionLabel: (option: string) => string,
+    itemProps?: HTMLAttributes<HTMLElement> & {
+        key: Key;
+        style?: CSSProperties;
+    }
+];
+declare function VirtualizedListItem({ index, itemData, style, }: RowComponentProps & {
+    itemData: VirtualizedItem[];
+}): import("react/jsx-runtime").JSX.Element;
+export default VirtualizedListItem;

package/dist/components/inputs/checkbox-autocomplete/virtualized-list-item.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import CheckboxItem from "./checkbox-item.js";
+function VirtualizedListItem({
+  index,
+  itemData,
+  style
+}) {
+  const [option, selected, getOptionLabel, itemProps] = itemData[index];
+  const { key, style: itemStyle, ...restItemProps } = itemProps ?? {};
+  return /* @__PURE__ */ jsx(
+    CheckboxItem,
+    {
+      option,
+      selected,
+      getOptionLabel,
+      style: {
+        ...itemStyle,
+        ...style
+      },
+      ...restItemProps
+    },
+    key
+  );
+}
+export {
+  VirtualizedListItem as default
+};

package/dist/components/inputs/checkbox-autocomplete/virtualized-list.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+declare const VirtualizedList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLDivElement>>;
+export default VirtualizedList;

package/dist/components/inputs/checkbox-autocomplete/virtualized-list.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { List } from "react-window";
+import VirtualizedListItem from "./virtualized-list-item.js";
+const VirtualizedList = forwardRef((props, ref) => {
+  const { children, ...otherProps } = props;
+  const itemData = [...children];
+  const itemCount = itemData.length;
+  const itemSize = 48;
+  const getHeight = () => {
+    if (itemCount > 8) {
+      return 7 * itemSize;
+    }
+    return itemCount * itemSize;
+  };
+  return /* @__PURE__ */ jsx("div", { ref, ...otherProps, children: /* @__PURE__ */ jsx(
+    List,
+    {
+      rowProps: { itemData },
+      rowHeight: itemSize,
+      style: { height: getHeight() },
+      overscanCount: 5,
+      rowCount: itemCount,
+      rowComponent: VirtualizedListItem
+    }
+  ) });
+});
+export {
+  VirtualizedList as default
+};

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -9,7 +9,6 @@ export interface DirectoryItemsInputProps<CP extends OverflowableChipProps = Ove
     itemFilter?: (val: ElementAttributes) => boolean;
     titleId?: string;
     hideErrorMessage?: boolean;
-    onRowChanged?: (a: boolean) => void;
     onChange?: (e: any, action?: ArrayAction, element?: any) => void;
     disable?: boolean;
     allowMultiSelect?: boolean;
@@ -23,4 +22,4 @@ export declare function DirectoryItemsInput<CP extends OverflowableChipProps = O
 equipmentTypes, // Mostly used for filters, it allows the user to get elements of specific equipment only
 itemFilter, // Used to further filter the results displayed according to specific requirement
 titleId, // title of directory item selector dialogue
-hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, fullWidth, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onChange, disable, allowMultiSelect, labelRequiredFromContext, ChipComponent, chipProps, fullHeight, fullWidth, }: Readonly<DirectoryItemsInputProps<CP>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.js

@@ -63,7 +63,6 @@ function DirectoryItemsInput({
   titleId,
   // title of directory item selector dialogue
   hideErrorMessage,
-  onRowChanged,
   onChange,
   disable = false,
   allowMultiSelect = true,
@@ -114,14 +113,13 @@ function DirectoryItemsInput({
           });
         } else {
           append(otherElementAttributes);
-          onRowChanged?.(true);
           onChange?.(getValues(name), ArrayAction.ADD, otherElementAttributes);
         }
       });
       setDirectoryItemSelectorOpen(false);
       setSelected([]);
     },
-    [append, getValues, snackError, name, onRowChanged, onChange, selected, remove]
+    [append, getValues, snackError, name, onChange, selected, remove]
   );
   const handleDeleteChip = useCallback(
     (event, index) => {
@@ -129,10 +127,9 @@ function DirectoryItemsInput({
       const elemToRemove = getValues(name)[index];
       remove(index);
       const newElems = getValues(name);
-      onRowChanged?.(true);
       onChange?.(newElems, ArrayAction.REMOVE, elemToRemove);
     },
-    [onRowChanged, remove, getValues, name, onChange]
+    [remove, getValues, name, onChange]
   );
   const openItemsSelector = useCallback(
     (index) => {

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

@@ -10,15 +10,17 @@ function BooleanInput({
   Input,
   ...props
 }) {
+  const { onChange, ...otherFormProps } = formProps ?? { onChange: void 0 };
   const {
-    field: { onChange, value, ref }
+    field: { onChange: onChangeRhf, value, ref }
   } = useController({ name });
   const intl = useIntl();
   const handleChangeValue = useCallback(
     (event) => {
-      onChange(event.target.checked);
+      onChangeRhf(event.target.checked);
+      onChange?.(event, event.target.checked);
     },
-    [onChange]
+    [onChange, onChangeRhf]
   );
   const CustomInput = /* @__PURE__ */ jsx(
     Input,
@@ -27,7 +29,7 @@ function BooleanInput({
       onChange: handleChangeValue,
       inputRef: ref,
       inputProps: { "aria-label": "primary checkbox" },
-      ...formProps,
+      ...otherFormProps,
       ...props
     }
   );

package/dist/components/inputs/reactQueryBuilder/OperatorSelector.js

@@ -12,7 +12,6 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import "notistack";
 import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
-import "react-hook-form";
 function OperatorSelector(props) {
   const { options } = props;
   const selectAppearance = useSelectAppearance(options?.length || 0);

package/dist/components/parameters/common/contingency-table/columns-definitions.d.ts

@@ -1,8 +1,8 @@
-import { Parameters, ColumnsDef } from '../parameter-table';
+import { FieldValues } from 'react-hook-form';
 import { default as yup } from '../../../../utils/yupConfig';
 import { ContingencyListsInfos } from './types';
-export declare const COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS: ColumnsDef[];
-export declare const ParamContingencyLists: Parameters;
+import { DndColumn } from '../../../dnd-table-v2';
+export declare const COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS: DndColumn[];
 export declare const getContingencyListsInfosFormSchema: () => yup.ObjectSchema<{
     contingencyListsInfos: {
         description?: string | undefined;
@@ -25,3 +25,4 @@ export declare const toFormValuesContingencyListsInfos: (contingencyListsInfos:
         activated: boolean;
     }[];
 };
+export declare const isValidContingencyRow: (row?: FieldValues) => boolean;

package/dist/components/parameters/common/contingency-table/columns-definitions.js

@@ -1,10 +1,14 @@
-import { DESCRIPTION, ACTIVATED, NAME, ID } from "../parameter-table/constants.js";
+import { CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS } from "../constants.js";
+import { DESCRIPTION, ACTIVATED, NAME, ID } from "../parameter-table-field/constants.js";
 import "react/jsx-runtime";
 import "@mui/material";
-import "@mui/icons-material";
-import "react";
 import "react-intl";
 import "react-hook-form";
+import "@mui/icons-material";
+import "react";
+import "react-dom";
+import "@hello-pangea/dnd";
+import { DndColumnType } from "../../../dnd-table-v2/dnd-table.type.js";
 import "../../../overflowableText/OverflowableText.js";
 import "../../../../utils/conversionUtils.js";
 import { ElementType } from "../../../../utils/types/elementType.js";
@@ -35,38 +39,38 @@ import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import { CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS } from "../constants.js";
 const COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS = [
   {
     label: "ContingencyLists",
     dataKey: CONTINGENCY_LISTS,
     initialValue: [],
     editable: true,
-    directoryItems: true,
+    type: DndColumnType.DIRECTORY_ITEMS,
+    equipmentTypes: [],
     elementType: ElementType.CONTINGENCY_LIST,
-    titleId: "ContingencyListsSelection"
+    titleId: "ContingencyListsSelection",
+    shouldHandleOnChangeCell: true
   },
   {
     label: "description",
+    sxHeader: { textAlign: "center" },
     dataKey: DESCRIPTION,
     initialValue: "",
     editable: true,
-    descriptionItems: true,
-    width: "8rem"
+    width: "8rem",
+    type: DndColumnType.DESCRIPTIONS
   },
   {
     label: "Active",
+    sxHeader: { textAlign: "center" },
     dataKey: ACTIVATED,
     initialValue: true,
-    checkboxItems: true,
     editable: true,
-    width: "4rem"
+    width: "4rem",
+    type: DndColumnType.SWITCH,
+    shouldHandleOnChangeCell: true
   }
 ];
-const ParamContingencyLists = {
-  columnsDef: COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
-  name: CONTINGENCY_LISTS_INFOS
-};
 const getContingencyListsInfosFormSchema = () => {
   return yup.object().shape({
     [CONTINGENCY_LISTS_INFOS]: yup.array().of(
@@ -95,9 +99,13 @@ const toFormValuesContingencyListsInfos = (contingencyListsInfos) => {
     }))
   };
 };
+const isValidContingencyRow = (row) => {
+  const contingencyLists = row?.[CONTINGENCY_LISTS];
+  return row?.[ACTIVATED] === true && Array.isArray(contingencyLists) && contingencyLists.length > 0;
+};
 export {
   COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
-  ParamContingencyLists,
   getContingencyListsInfosFormSchema,
+  isValidContingencyRow,
   toFormValuesContingencyListsInfos
 };

package/dist/components/parameters/common/contingency-table/contingency-table.d.ts

@@ -1,6 +1,7 @@
 import { UUID } from 'node:crypto';
 import { ContingencyCount } from './types';
-export declare function ContingencyTable({ showContingencyCount, fetchContingencyCount, isBuiltCurrentNode, }: Readonly<{
+export declare function ContingencyTable({ name, showContingencyCount, fetchContingencyCount, isBuiltCurrentNode, }: Readonly<{
+    name: string;
     showContingencyCount: boolean;
     fetchContingencyCount?: (contingencyLists: UUID[] | null, abortSignal: AbortSignal) => Promise<ContingencyCount>;
     isBuiltCurrentNode?: boolean;