@gridsuite/commons-ui 0.165.2 → 0.166.0

package/dist/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.d.ts

@@ -1,9 +1,14 @@
-import { UUID } from 'node:crypto';
+/**
+ * Copyright (c) 2023, 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 interface DescriptionModificationDialogProps {
-    elementUuid: UUID;
     description: string;
     open: boolean;
     onClose: () => void;
-    updateElement: (uuid: UUID, data: Record<string, string>) => Promise<Response>;
+    updateElement?: (data: Record<string, string>) => Promise<Response>;
+    updateForm?: (data: Record<string, string>) => void;
 }
-export declare function DescriptionModificationDialog({ elementUuid, description, open, onClose, updateElement, }: Readonly<DescriptionModificationDialogProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionModificationDialog({ description, open, onClose, updateElement, updateForm, }: Readonly<DescriptionModificationDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js

@@ -15,11 +15,11 @@ const schema = yup.object().shape({
   [FieldConstants.DESCRIPTION]: yup.string().max(MAX_CHAR_DESCRIPTION, "descriptionLimitError")
 });
 function DescriptionModificationDialog({
-  elementUuid,
   description,
   open,
   onClose,
-  updateElement
+  updateElement,
+  updateForm
 }) {
   const { snackError } = useSnackMessage();
   const emptyFormData = {
@@ -38,13 +38,16 @@ function DescriptionModificationDialog({
   };
   const onSubmit = useCallback(
     (data) => {
-      updateElement(elementUuid, {
+      updateElement?.({
         [FieldConstants.DESCRIPTION]: data[FieldConstants.DESCRIPTION]?.trim() ?? ""
       }).catch((error) => {
         snackWithFallback(snackError, error, { headerId: "descriptionModificationError" });
       });
+      updateForm?.({
+        [FieldConstants.DESCRIPTION]: data[FieldConstants.DESCRIPTION]?.trim() ?? ""
+      });
     },
-    [elementUuid, updateElement, snackError]
+    [updateElement, updateForm, snackError]
   );
   return /* @__PURE__ */ jsx(
     CustomMuiDialog,

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

@@ -28,6 +28,11 @@ import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -22,6 +22,11 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../filter/expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -33,6 +33,11 @@ import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { TableNumericalInput } from "../inputs/reactHookForm/tableInputs/table-numerical-input.js";
 import { TableTextInput } from "../inputs/reactHookForm/tableInputs/table-text-input.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "notistack";
 import "@react-querybuilder/material";
 import "../filter/expert/expertFilterConstants.js";

package/dist/components/filter/HeaderFilterForm.js

@@ -26,6 +26,11 @@ import "react-csv-downloader";
 import "../inputs/reactHookForm/numbers/RangeInput.js";
 import { DescriptionField } from "../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../inputs/reactHookForm/text/UniqueNameInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "./expert/expertFilterConstants.js";
 import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

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

@@ -36,6 +36,10 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "@react-querybuilder/material";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 yup.setLocale({

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

@@ -38,6 +38,10 @@ import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "@react-querybuilder/material";
 import "../expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/index.js

@@ -91,6 +91,7 @@ import { DescriptionField } from "./inputs/reactHookForm/text/DescriptionField.j
 import { ExpandingTextField } from "./inputs/reactHookForm/text/ExpandingTextField.js";
 import { TextInput } from "./inputs/reactHookForm/text/TextInput.js";
 import { UniqueNameInput } from "./inputs/reactHookForm/text/UniqueNameInput.js";
+import { DescriptionInput } from "./inputs/reactHookForm/text/DescriptionInput.js";
 import { CancelButton } from "./inputs/reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./inputs/reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./inputs/reactHookForm/utils/SubmitButton.js";
@@ -135,7 +136,7 @@ import { ArrowsOutputIcon } from "./icons/ArrowsOutputIcon.js";
 import { LeftPanelCloseIcon } from "./icons/LeftPanelCloseIcon.js";
 import { EditNoteIcon } from "./icons/EditNoteIcon.js";
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
-import { COMMON_PARAMETERS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./parameters/common/constant.js";
+import { COMMON_PARAMETERS, CONTINGENCIES, CONTINGENCY_LISTS, CONTINGENCY_LISTS_INFOS, PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD, PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD, PARAM_SA_PROVIDER, PROVIDER, SPECIFIC_PARAMETERS, VERSION_PARAMETER, VOLTAGE_LEVEL } from "./parameters/common/constants.js";
 import { LineSeparator } from "./parameters/common/line-separator.js";
 import { LabelledButton, SwitchWithLabel, TabPanel } from "./parameters/common/parameters.js";
 import { CreateParameterDialog } from "./parameters/common/parameters-creation-dialog.js";
@@ -148,8 +149,7 @@ import { ParameterSwitch } from "./parameters/common/widget/parameter-switch.js"
 import { CustomVoltageLevelTable } from "./parameters/common/voltage-level-table/custom-voltage-level-table.js";
 import { CustomVoltageLevelTableCell } from "./parameters/common/voltage-level-table/custom-voltage-level-table-cell.js";
 import { CustomVoltageLevelTableRow } from "./parameters/common/voltage-level-table/custom-voltage-level-table-row.js";
-import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, getSAParametersFromSchema } from "./parameters/common/limitreductions/columns-definitions.js";
-import { toFormValueSaParameters, toFormValuesLimitReductions } from "./parameters/common/limitreductions/limit-reductions-form-util.js";
+import { COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS, IST_FORM, LIMIT_DURATION_FORM, LIMIT_REDUCTIONS_FORM, TAB_INFO, TabValues, VOLTAGE_LEVELS_FORM, getLimitReductionsFormSchema, toFormValuesLimitReductions } from "./parameters/common/limitreductions/columns-definitions.js";
 import { LimitReductionsTableForm } from "./parameters/common/limitreductions/limit-reductions-table-form.js";
 import { LimitReductionTableRow } from "./parameters/common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./parameters/common/limitreductions/limit-reduction-table-cell.js";
@@ -174,7 +174,6 @@ import { SecurityAnalysisParametersDialog } from "./parameters/security-analysis
 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 { SensitivityTable } from "./parameters/sensi/sensitivity-table.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 import { OverflowableTableCell } from "./muiTable/OverflowableTableCell.js";
 import { OverflowableTableCellWithCheckbox } from "./muiTable/OverflowableTableCellWithCheckbox.js";
@@ -212,6 +211,9 @@ export {
   COMMON_PARAMETERS,
   COMPONENT_LIBRARY,
   CONNECTED_MODE,
+  CONTINGENCIES,
+  CONTINGENCY_LISTS,
+  CONTINGENCY_LISTS_INFOS,
   CONTINGENCY_LIST_EQUIPMENTS,
   CONVERTERS_MODE_OPTIONS,
   COUNTRIES_TO_BALANCE,
@@ -258,6 +260,7 @@ export {
   DataType,
   DefaultCellRenderer,
   DescriptionField,
+  DescriptionInput,
   DescriptionModificationDialog,
   DevModeBanner,
   DirectoryItemSelector,
@@ -457,7 +460,6 @@ export {
   SensiTabValues,
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
-  SensitivityTable,
   SeparatorCellRenderer,
   ShortCircuitParametersEditionDialog,
   ShortCircuitParametersInLine,
@@ -532,7 +534,6 @@ export {
   getPropertiesFromModification,
   getPropertyValue,
   getRangeInputSchema,
-  getSAParametersFromSchema,
   gridItem,
   handleSigninCallback,
   handleSilentRenewCallback,
@@ -567,7 +568,6 @@ export {
   substationCreationFormToDto,
   testQuery,
   toFloatOrNullValue,
-  toFormValueSaParameters,
   toFormValuesLimitReductions,
   toModificationProperties,
   unscrollableDialogStyles,

package/dist/components/inputs/index.js

@@ -34,6 +34,7 @@ import { DescriptionField } from "./reactHookForm/text/DescriptionField.js";
 import { ExpandingTextField } from "./reactHookForm/text/ExpandingTextField.js";
 import { TextInput } from "./reactHookForm/text/TextInput.js";
 import { UniqueNameInput } from "./reactHookForm/text/UniqueNameInput.js";
+import { DescriptionInput } from "./reactHookForm/text/DescriptionInput.js";
 import { CancelButton } from "./reactHookForm/utils/CancelButton.js";
 import { FieldLabel } from "./reactHookForm/utils/FieldLabel.js";
 import { SubmitButton } from "./reactHookForm/utils/SubmitButton.js";
@@ -82,6 +83,7 @@ export {
   DEFAULT_RANGE_VALUE,
   DESCRIPTION,
   DescriptionField,
+  DescriptionInput,
   DirectoryItemsInput,
   ElementValueEditor,
   ErrorInput,

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

@@ -33,6 +33,7 @@ import { DescriptionField } from "./text/DescriptionField.js";
 import { ExpandingTextField } from "./text/ExpandingTextField.js";
 import { TextInput } from "./text/TextInput.js";
 import { UniqueNameInput } from "./text/UniqueNameInput.js";
+import { DescriptionInput } from "./text/DescriptionInput.js";
 import { CancelButton } from "./utils/CancelButton.js";
 import { FieldLabel } from "./utils/FieldLabel.js";
 import { SubmitButton } from "./utils/SubmitButton.js";
@@ -58,6 +59,7 @@ export {
   DEFAULT_RANGE_VALUE,
   DESCRIPTION,
   DescriptionField,
+  DescriptionInput,
   DirectoryItemsInput,
   ErrorInput,
   ExpandableInput,

package/dist/components/inputs/reactHookForm/text/DescriptionInput.d.ts

@@ -0,0 +1,4 @@
+export type DescriptionInputProps = {
+    name: string;
+};
+export declare function DescriptionInput({ name }: Readonly<DescriptionInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/text/DescriptionInput.js

@@ -0,0 +1,85 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Box, Tooltip, IconButton } from "@mui/material";
+import { useController } from "react-hook-form";
+import { useState, useCallback } from "react";
+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/left_panel_close.svg?react";
+import { EditNoteIcon } from "../../../icons/EditNoteIcon.js";
+import "../provider/CustomFormProvider.js";
+import { useCustomFormContext } from "../provider/useCustomFormContext.js";
+import { DescriptionModificationDialog } from "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+const styles = {
+  descriptionTooltip: {
+    display: "inline-block",
+    whiteSpace: "pre",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    maxWidth: "250px",
+    maxHeight: "50px",
+    cursor: "pointer"
+  },
+  coloredButton: (theme) => ({
+    color: theme.palette.text.primary
+  })
+};
+function DescriptionInput({ name }) {
+  const {
+    field: { value }
+  } = useController({ name });
+  const formContext = useCustomFormContext();
+  const [openDescModificationDialog, setOpenDescModificationDialog] = useState(false);
+  const updateModification = useCallback(
+    (descriptionRecord) => {
+      const newDescription = descriptionRecord?.description ?? "";
+      formContext.setValue(name, newDescription, {
+        shouldValidate: true,
+        shouldDirty: true
+      });
+    },
+    [formContext, name]
+  );
+  const handleDescDialogClose = useCallback(() => {
+    setOpenDescModificationDialog(false);
+  }, [setOpenDescModificationDialog]);
+  const handleModifyDescription = useCallback(() => {
+    setOpenDescModificationDialog(true);
+  }, [setOpenDescModificationDialog]);
+  const descriptionLines = value?.split("\n");
+  if (descriptionLines?.length > 3) {
+    descriptionLines[2] = "...";
+  }
+  const tooltipBox = value ? /* @__PURE__ */ jsxs(Box, { sx: styles.descriptionTooltip, children: [
+    " ",
+    descriptionLines?.join("\n"),
+    " "
+  ] }) : void 0;
+  const icon = /* @__PURE__ */ jsx(Tooltip, { title: tooltipBox, arrow: true, placement: "right", children: /* @__PURE__ */ jsx(IconButton, { onClick: handleModifyDescription, sx: styles.coloredButton, children: /* @__PURE__ */ jsx(EditNoteIcon, { empty: !value }) }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    openDescModificationDialog && /* @__PURE__ */ jsx(
+      DescriptionModificationDialog,
+      {
+        open: true,
+        description: value ?? "",
+        onClose: handleDescDialogClose,
+        updateForm: updateModification
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          verticalAlign: "middle",
+          cursor: void 0
+        },
+        children: icon
+      }
+    )
+  ] });
+}
+export {
+  DescriptionInput
+};

package/dist/components/inputs/reactHookForm/text/index.d.ts

@@ -8,3 +8,4 @@ export * from './DescriptionField';
 export * from './ExpandingTextField';
 export * from './TextInput';
 export * from './UniqueNameInput';
+export * from './DescriptionInput';

package/dist/components/inputs/reactHookForm/text/index.js

@@ -2,8 +2,10 @@ import { DescriptionField } from "./DescriptionField.js";
 import { ExpandingTextField } from "./ExpandingTextField.js";
 import { TextInput } from "./TextInput.js";
 import { UniqueNameInput } from "./UniqueNameInput.js";
+import { DescriptionInput } from "./DescriptionInput.js";
 export {
   DescriptionField,
+  DescriptionInput,
   ExpandingTextField,
   TextInput,
   UniqueNameInput

package/dist/components/network-modifications/common/properties/PropertiesForm.js

@@ -25,6 +25,11 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { ExpandableInput } from "../../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";

package/dist/components/network-modifications/common/properties/PropertyForm.js

@@ -25,6 +25,11 @@ import "react-csv-downloader";
 import { AutocompleteInput } from "../../../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { TextInput } from "../../../inputs/reactHookForm/text/TextInput.js";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";
 import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";

package/dist/components/network-modifications/substation/creation/SubstationCreationForm.js

@@ -24,6 +24,11 @@ import "react-papaparse";
 import "react-csv-downloader";
 import { TextInput } from "../../../inputs/reactHookForm/text/TextInput.js";
 import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import { CountrySelectionInput } from "../../../inputs/reactHookForm/CountrySelectionInput.js";
 import "@react-querybuilder/material";
 import "../../../filter/expert/expertFilterConstants.js";

package/dist/components/parameters/common/ProviderParam.js

@@ -24,13 +24,18 @@ import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
 import { MuiSelectInput } from "../../inputs/reactHookForm/selectInputs/MuiSelectInput.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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "@react-querybuilder/material";
 import "../../filter/expert/expertFilterConstants.js";
 import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import { PROVIDER } from "./constant.js";
+import { PROVIDER } from "./constants.js";
 const styles = {
   providerParam: {
     height: "fit-content",

package/dist/components/parameters/common/{constant.d.ts → constants.d.ts}

@@ -9,3 +9,6 @@ export declare const PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD = "highVoltageAbso
 export declare const VERSION_PARAMETER = "version";
 export declare const COMMON_PARAMETERS = "commonParameters";
 export declare const SPECIFIC_PARAMETERS = "specificParametersPerProvider";
+export declare const CONTINGENCY_LISTS_INFOS = "contingencyListsInfos";
+export declare const CONTINGENCY_LISTS = "contingencyLists";
+export declare const CONTINGENCIES = "contingencies";

package/dist/components/parameters/common/{constant.js → constants.js}

@@ -9,8 +9,14 @@ const PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD = "highVoltageAbsoluteThreshold";
 const VERSION_PARAMETER = "version";
 const COMMON_PARAMETERS = "commonParameters";
 const SPECIFIC_PARAMETERS = "specificParametersPerProvider";
+const CONTINGENCY_LISTS_INFOS = "contingencyListsInfos";
+const CONTINGENCY_LISTS = "contingencyLists";
+const CONTINGENCIES = "contingencies";
 export {
   COMMON_PARAMETERS,
+  CONTINGENCIES,
+  CONTINGENCY_LISTS,
+  CONTINGENCY_LISTS_INFOS,
   PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_PROPORTIONAL_THRESHOLD,

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

@@ -0,0 +1,27 @@
+import { Parameters, ColumnsDef } from '../parameter-table';
+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;
+export declare const getContingencyListsInfosFormSchema: () => yup.ObjectSchema<{
+    contingencyListsInfos: {
+        description?: string | undefined;
+        contingencyLists: {
+            id: string;
+            name: string;
+        }[];
+        activated: NonNullable<boolean | undefined>;
+    }[] | undefined;
+}, yup.AnyObject, {
+    contingencyListsInfos: "";
+}, "">;
+export declare const toFormValuesContingencyListsInfos: (contingencyListsInfos: ContingencyListsInfos[]) => {
+    contingencyListsInfos: {
+        contingencyLists: {
+            name: string;
+            id: `${string}-${string}-${string}-${string}-${string}`;
+        }[];
+        description: string;
+        activated: boolean;
+    }[];
+};

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

@@ -0,0 +1,102 @@
+import { DESCRIPTION, ACTIVATED, ID, NAME } from "../parameter-table/constants.js";
+import "react/jsx-runtime";
+import "@mui/material";
+import "@mui/icons-material";
+import "react";
+import "react-intl";
+import "react-hook-form";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../../utils/conversionUtils.js";
+import { ElementType } from "../../../../utils/types/elementType.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import * as yup from "yup";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/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/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+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,
+    elementType: ElementType.CONTINGENCY_LIST,
+    titleId: "ContingencyListsSelection"
+  },
+  {
+    label: "description",
+    dataKey: DESCRIPTION,
+    initialValue: "",
+    editable: true,
+    descriptionItems: true,
+    width: "8rem"
+  },
+  {
+    label: "Active",
+    dataKey: ACTIVATED,
+    initialValue: true,
+    checkboxItems: true,
+    editable: true,
+    width: "4rem"
+  }
+];
+const ParamContingencyLists = {
+  columnsDef: COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
+  name: CONTINGENCY_LISTS_INFOS
+};
+const getContingencyListsInfosFormSchema = () => {
+  return yup.object().shape({
+    [CONTINGENCY_LISTS_INFOS]: yup.array().of(
+      yup.object().shape({
+        [CONTINGENCY_LISTS]: yup.array().of(
+          yup.object().shape({
+            [ID]: yup.string().required(),
+            [NAME]: yup.string().required()
+          })
+        ).required().min(1, "FieldIsRequired"),
+        [DESCRIPTION]: yup.string(),
+        [ACTIVATED]: yup.boolean().required()
+      })
+    )
+  }).required();
+};
+const toFormValuesContingencyListsInfos = (contingencyListsInfos) => {
+  return {
+    [CONTINGENCY_LISTS_INFOS]: contingencyListsInfos?.map((contingencyListInfos) => ({
+      [CONTINGENCY_LISTS]: contingencyListInfos[CONTINGENCY_LISTS]?.map((c) => ({
+        [NAME]: c[NAME],
+        [ID]: c[ID]
+      })),
+      [DESCRIPTION]: contingencyListInfos[DESCRIPTION],
+      [ACTIVATED]: contingencyListInfos[ACTIVATED]
+    }))
+  };
+};
+export {
+  COLUMNS_DEFINITIONS_CONTINGENCY_LISTS_INFOS,
+  ParamContingencyLists,
+  getContingencyListsInfosFormSchema,
+  toFormValuesContingencyListsInfos
+};

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

@@ -0,0 +1,5 @@
+import { UUID } from 'node:crypto';
+export declare function ContingencyTable({ showContingencyCount, fetchContingencyCount, }: Readonly<{
+    showContingencyCount: boolean;
+    fetchContingencyCount?: (contingencyLists: UUID[] | null) => Promise<number>;
+}>): import("react/jsx-runtime").JSX.Element;