@gridsuite/commons-ui 0.165.2 → 0.167.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-bottom-right-buttons.js

@@ -19,8 +19,8 @@ function DndTableBottomRightButtons({
     name: arrayFormName
   });
   const noRowsSelected = currentRows ? !currentRows.some((row) => row[SELECTED]) : true;
-  const firstRowSelected = currentRows[0]?.[SELECTED];
-  const lastRowSelected = currentRows[currentRows.length - 1]?.[SELECTED];
+  const firstRowSelected = noRowsSelected ? void 0 : currentRows[0]?.[SELECTED];
+  const lastRowSelected = noRowsSelected ? void 0 : currentRows[currentRows.length - 1]?.[SELECTED];
   return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
       Tooltip,

package/dist/components/dnd-table/dnd-table.d.ts

@@ -1,6 +1,6 @@
 import { UseFieldArrayReturn } from 'react-hook-form';
 import { DndColumn } from './dnd-table.type';
-interface DndTableProps {
+export interface DndTableProps {
     arrayFormName: string;
     useFieldArrayOutput: UseFieldArrayReturn;
     columnsDefinition: DndColumn[];
@@ -26,4 +26,3 @@ interface DndTableProps {
     maxRows?: number;
 }
 export declare function DndTable(props: Readonly<DndTableProps>): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -24,6 +24,7 @@ import "react-csv-downloader";
 import "yup";
 import { AutocompleteInput } from "../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { CheckboxInput } from "../inputs/reactHookForm/booleans/CheckboxInput.js";
+import { SwitchInput } from "../inputs/reactHookForm/booleans/SwitchInput.js";
 import { ErrorInput } from "../inputs/reactHookForm/errorManagement/ErrorInput.js";
 import { FieldErrorAlert } from "../inputs/reactHookForm/errorManagement/FieldErrorAlert.js";
 import "../inputs/reactHookForm/provider/CustomFormProvider.js";
@@ -33,6 +34,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";
@@ -140,6 +146,7 @@ function EditableTableCell({
       }
     ),
     column.type === DndColumnType.CHIP_ITEMS && /* @__PURE__ */ jsx(ChipItemsInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}`, hideErrorMessage: true }),
+    column.type === DndColumnType.SWITCH && /* @__PURE__ */ jsx(SwitchInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` }),
     column.type === DndColumnType.CUSTOM && column.component(rowIndex)
   ] }, column.dataKey);
 }

package/dist/components/dnd-table/dnd-table.type.d.ts

@@ -8,6 +8,7 @@ export declare enum DndColumnType {
     AUTOCOMPLETE = "AUTOCOMPLETE",
     CHIP_ITEMS = "CHIP_ITEMS",
     DIRECTORY_ITEMS = "DIRECTORY_ITEMS",
+    SWITCH = "SWITCH",
     CUSTOM = "CUSTOM"
 }
 export interface ColumnBase {
@@ -18,6 +19,7 @@ export interface ColumnBase {
     extra?: JSX.Element;
     editable?: boolean;
     type: DndColumnType;
+    initialValue?: any;
 }
 export interface ColumnText extends ColumnBase {
     type: DndColumnType.TEXT;
@@ -44,8 +46,11 @@ export interface ColumnDirectoryItem extends ColumnBase {
 export interface ColumnChipsItem extends ColumnBase {
     type: DndColumnType.CHIP_ITEMS;
 }
+export interface ColumnSwitchItem extends ColumnBase {
+    type: DndColumnType.SWITCH;
+}
 export interface ColumnCustom extends ColumnBase {
     type: DndColumnType.CUSTOM;
     component: (rowIndex: number) => ReactNode;
 }
-export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnCustom;
+export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnSwitchItem | ColumnCustom;

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

@@ -6,6 +6,7 @@ var DndColumnType = /* @__PURE__ */ ((DndColumnType2) => {
   DndColumnType2["AUTOCOMPLETE"] = "AUTOCOMPLETE";
   DndColumnType2["CHIP_ITEMS"] = "CHIP_ITEMS";
   DndColumnType2["DIRECTORY_ITEMS"] = "DIRECTORY_ITEMS";
+  DndColumnType2["SWITCH"] = "SWITCH";
   DndColumnType2["CUSTOM"] = "CUSTOM";
   return DndColumnType2;
 })(DndColumnType || {});

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,8 @@ 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 { 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";
@@ -186,6 +187,8 @@ import { filledTextField, italicFontTextField, standardTextField } from "./netwo
 import { SubstationCreationForm } from "./network-modifications/substation/creation/SubstationCreationForm.js";
 import { substationCreationDtoToForm, substationCreationEmptyFormData, substationCreationFormSchema, substationCreationFormToDto } from "./network-modifications/substation/creation/substationCreation.utils.js";
 export {
+  ACCURACY,
+  ACTIVE,
   AboutDialog,
   ActivableChip,
   AddButton,
@@ -201,6 +204,7 @@ export {
   BooleanInput,
   BooleanNullableCellRenderer,
   BottomRightButtons,
+  CALCULATION_TYPE,
   CENTER_LABEL,
   COLUMNS_DEFINITIONS_HVDCS,
   COLUMNS_DEFINITIONS_INJECTIONS,
@@ -212,6 +216,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 +265,7 @@ export {
   DataType,
   DefaultCellRenderer,
   DescriptionField,
+  DescriptionInput,
   DescriptionModificationDialog,
   DevModeBanner,
   DirectoryItemSelector,
@@ -267,6 +275,7 @@ export {
   DndTableAddRowsDialog,
   DndTableBottomLeftButtons,
   DndTableBottomRightButtons,
+  DynamicMarginCalculationInline,
   ENERGY_SOURCE_OPTIONS,
   EQUIPMENTS_IN_VOLTAGE_REGULATION_TYPES,
   EXPERT_FILTER_EQUIPMENTS,
@@ -321,6 +330,11 @@ export {
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
   LINE_FLOW_MODE,
+  LOADS_VARIATIONS,
+  LOAD_FILTERS,
+  LOAD_INCREASE_START_TIME,
+  LOAD_INCREASE_STOP_TIME,
+  LOAD_MODELS_RULE,
   LOAD_TYPE_OPTIONS,
   LOW_VOLTAGE_LIMIT,
   LabelledButton,
@@ -342,6 +356,7 @@ export {
   MAP_BASEMAP_MAPBOX,
   MAP_BASE_MAP,
   MAP_MANUAL_REFRESH,
+  MARGIN_CALCULATION_START_TIME,
   MAX_ROWS_NUMBER,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
@@ -442,6 +457,8 @@ export {
   SHUNT_COMPENSATOR_TYPE_OPTIONS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
+  START_TIME,
+  STOP_TIME,
   SUBSTATION_LAYOUT,
   SVAR_REGULATION_MODE_OPTIONS,
   SecurityAnalysisParametersDialog,
@@ -457,7 +474,6 @@ export {
   SensiTabValues,
   SensitivityAnalysisParametersDialog,
   SensitivityAnalysisParametersInline,
-  SensitivityTable,
   SeparatorCellRenderer,
   ShortCircuitParametersEditionDialog,
   ShortCircuitParametersInLine,
@@ -492,6 +508,7 @@ export {
   VARIABLE_Q_GENERATORS,
   VARIABLE_SHUNT_COMPENSATORS,
   VARIABLE_TRANSFORMERS,
+  VARIATION,
   VERSION_PARAMETER,
   VOLTAGE_INIT_MODE,
   VOLTAGE_LEVEL,
@@ -532,7 +549,6 @@ export {
   getPropertiesFromModification,
   getPropertyValue,
   getRangeInputSchema,
-  getSAParametersFromSchema,
   gridItem,
   handleSigninCallback,
   handleSilentRenewCallback,
@@ -567,7 +583,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",
@@ -39,11 +44,11 @@ const styles = {
 };
 function ProviderParam({ options }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Grid, { xl: 8, container: true, sx: styles.providerParam, paddingRight: 1, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, sx: styles.providerParam, paddingRight: 1, children: [
       /* @__PURE__ */ jsx(Grid, { item: true, xs: true, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Provider" }) }),
       /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 2, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(MuiSelectInput, { name: PROVIDER, size: "small", fullWidth: true, options }) })
     ] }),
-    /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 1, paddingRight: 1, xl: 8, children: /* @__PURE__ */ jsx(LineSeparator, {}) })
+    /* @__PURE__ */ jsx(Grid, { container: true, paddingTop: 1, paddingRight: 1, children: /* @__PURE__ */ jsx(LineSeparator, {}) })
   ] });
 }
 export {

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;
+    }[];
+};