@gridsuite/commons-ui 0.107.1 → 0.109.0

package/dist/components/index.js

@@ -22,6 +22,11 @@ import { ElementSaveDialog } from "./dialogs/elementSaveDialog/ElementSaveDialog
 import { ModifyElementSelection } from "./dialogs/modifyElementSelection/ModifyElementSelection.js";
 import { PopupConfirmationDialog } from "./dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
 import { DirectoryItemSelector } from "./directoryItemSelector/DirectoryItemSelector.js";
+import { DndTable } from "./dnd-table/dnd-table.js";
+import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./dnd-table/dnd-table.type.js";
+import { DndTableAddRowsDialog } from "./dnd-table/dnd-table-add-rows-dialog.js";
+import { DndTableBottomLeftButtons } from "./dnd-table/dnd-table-bottom-left-buttons.js";
+import { DndTableBottomRightButtons } from "./dnd-table/dnd-table-bottom-right-buttons.js";
 import { EquipmentItem } from "./elementSearch/elementItem/EquipmentItem.js";
 import { ElementSearchDialog } from "./elementSearch/elementSearchDialog/ElementSearchDialog.js";
 import { ElementSearchInput } from "./elementSearch/elementSearchInput/ElementSearchInput.js";
@@ -47,6 +52,7 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "react-intl";
 import { SelectClearable } from "./inputs/SelectClearable.js";
+import { ChipItemsInput } from "./inputs/reactHookForm/chip-items-input.js";
 import { DESCRIPTION_INPUT, DirectoryItemsInput, NAME } from "./inputs/reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./inputs/reactHookForm/RawReadOnlyInput.js";
 import { BottomRightButtons } from "./inputs/reactHookForm/agGridTable/BottomRightButtons.js";
@@ -73,6 +79,8 @@ import { CountriesInput } from "./inputs/reactHookForm/selectInputs/CountriesInp
 import { InputWithPopupConfirmation } from "./inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./inputs/reactHookForm/selectInputs/MuiSelectInput.js";
 import { SelectInput } from "./inputs/reactHookForm/selectInputs/SelectInput.js";
+import { TableNumericalInput } from "./inputs/reactHookForm/tableInputs/table-numerical-input.js";
+import { TableTextInput } from "./inputs/reactHookForm/tableInputs/table-text-input.js";
 import { DescriptionField } from "./inputs/reactHookForm/text/DescriptionField.js";
 import { ExpandingTextField } from "./inputs/reactHookForm/text/ExpandingTextField.js";
 import { TextInput } from "./inputs/reactHookForm/text/TextInput.js";
@@ -116,7 +124,7 @@ import { LeftPanelOpenIcon } from "./icons/LeftPanelOpenIcon.js";
 import { LeftPanelCloseIcon } from "./icons/LeftPanelCloseIcon.js";
 import { DeviceHubIcon } from "./icons/DeviceHubIcon.js";
 import { ComputingType, formatComputingTypeLabel, isValidComputingType } from "./parameters/common/computing-type.js";
-import { 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, VOLTAGE_LEVEL } from "./parameters/common/constant.js";
+import { 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, ReactivePowerAdornment, VOLTAGE_LEVEL, VoltageAdornment } from "./parameters/common/constant.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";
@@ -135,16 +143,20 @@ 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 { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INIT_NAD_WITH_GEO_DATA, INTL_LINE_FLOW_MODE_OPTIONS, INTL_MAP_BASE_MAP_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_INIT_NAD_WITH_GEO_DATA, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./parameters/network-visualizations/constants.js";
-import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_MAPBOX, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
+import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_ETALAB, MAP_BASEMAP_MAPBOX, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
 import { NetworkVisualizationParametersInline } from "./parameters/network-visualizations/network-visualizations-parameters-inline.js";
 import { NetworkVisualizationsParametersEditionDialog } from "./parameters/network-visualizations/network-visualizations-parameters-dialog.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters/parameters-style.js";
-import { BALANCE_TYPE, COMMON_PARAMETERS, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, SPECIFIC_PARAMETERS, TRANSFORMER_VOLTAGE_CONTROL_ON, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
+import { BALANCE_TYPE, COMMON_PARAMETERS, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, SPECIFIC_PARAMETERS, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
 import { LoadFlowParametersInline } from "./parameters/loadflow/load-flow-parameters-inline.js";
 import { LoadFlowParametersEditionDialog } from "./parameters/loadflow/load-flow-parameters-dialog.js";
 import { InitialVoltage, PredefinedParameters, SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE, SHORT_CIRCUIT_PREDEFINED_PARAMS, SHORT_CIRCUIT_WITH_FEEDER_RESULT, SHORT_CIRCUIT_WITH_LOADS, SHORT_CIRCUIT_WITH_NEUTRAL_POSITION, SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS, SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS, intlInitialVoltageProfileMode, intlPredefinedParametersOptions } from "./parameters/short-circuit/constants.js";
 import { ShortCircuitParametersInLine } from "./parameters/short-circuit/short-circuit-parameters-inline.js";
 import { ShortCircuitParametersEditionDialog } from "./parameters/short-circuit/short-circuit-parameters-dialog.js";
+import { DEFAULT_GENERAL_APPLY_MODIFICATIONS, DEFAULT_REACTIVE_SLACKS_THRESHOLD, DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, DEFAULT_UPDATE_BUS_VOLTAGE, FILTERS, FILTER_ID, FILTER_NAME, GENERAL, GENERAL_APPLY_MODIFICATIONS, GENERATORS_SELECTION_TYPE, HIGH_VOLTAGE_LIMIT, ID, LEG_SIDE, LOW_VOLTAGE_LIMIT, PRIORITY, RATIO_TAP_CHANGER_POSITION, RATIO_TAP_CHANGER_TARGET_V, REACTIVE_SLACKS_THRESHOLD, SELECTION_TYPE, SHUNT_COMPENSATORS_SELECTION_TYPE, SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD, TRANSFORMERS_SELECTION_TYPE, UPDATE_BUS_VOLTAGE, VARIABLE_Q_GENERATORS, VARIABLE_SHUNT_COMPENSATORS, VARIABLE_TRANSFORMERS, VOLTAGE_LIMITS_DEFAULT, VOLTAGE_LIMITS_MODIFICATION, VoltageInitTabValues } from "./parameters/voltage-init/constants.js";
+import { EquipmentsSelectionType } from "./parameters/voltage-init/voltage-init.type.js";
+import { VoltageInitParametersEditionDialog } from "./parameters/voltage-init/voltage-init-parameters-dialog.js";
+import { VoltageInitParametersInLine } from "./parameters/voltage-init/voltage-init-parameters-inline.js";
 import { CustomMenuItem, CustomNestedMenuItem } from "./menus/custom-nested-menu.js";
 export {
   AboutDialog,
@@ -173,6 +185,7 @@ export {
   CardErrorBoundary,
   CheckBoxList,
   CheckboxInput,
+  ChipItemsInput,
   CombinatorSelector,
   CombinatorType,
   ComputingType,
@@ -195,8 +208,12 @@ export {
   DC,
   DC_POWER_FACTOR,
   DC_USE_TRANSFORMER_RATIO,
+  DEFAULT_GENERAL_APPLY_MODIFICATIONS,
   DEFAULT_LIMIT_REDUCTION_VALUE,
   DEFAULT_RANGE_VALUE,
+  DEFAULT_REACTIVE_SLACKS_THRESHOLD,
+  DEFAULT_SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD,
+  DEFAULT_UPDATE_BUS_VOLTAGE,
   DESCRIPTION_INPUT,
   DIAGONAL_LABEL,
   DISTRIBUTED_SLACK,
@@ -208,6 +225,11 @@ export {
   DeviceHubIcon,
   DirectoryItemSelector,
   DirectoryItemsInput,
+  DndColumnType,
+  DndTable,
+  DndTableAddRowsDialog,
+  DndTableBottomLeftButtons,
+  DndTableBottomRightButtons,
   ENERGY_SOURCE_OPTIONS,
   EXPERT_FILTER_EQUIPMENTS,
   EXPERT_FILTER_FIELDS,
@@ -217,6 +239,7 @@ export {
   ElementSearchInput,
   ElementValueEditor,
   EquipmentItem,
+  EquipmentsSelectionType,
   ErrorInLogoutAlert,
   ErrorInUserValidationAlert,
   ErrorInput,
@@ -226,8 +249,11 @@ export {
   ExplicitNamingFilterEditionDialog,
   ExplicitNamingFilterForm,
   FIELDS_OPTIONS,
+  FILTERS,
   FILTER_EQUIPMENTS,
   FILTER_EQUIPMENTS_ATTRIBUTES,
+  FILTER_ID,
+  FILTER_NAME,
   FieldErrorAlert,
   FieldLabel,
   FilterCreationDialog,
@@ -235,10 +261,15 @@ export {
   FilterType,
   FlatParameters,
   FloatInput,
+  GENERAL,
+  GENERAL_APPLY_MODIFICATIONS,
+  GENERATORS_SELECTION_TYPE,
   GridLogo,
   GroupValueEditor,
+  HIGH_VOLTAGE_LIMIT,
   HVDC_AC_EMULATION,
   HelperPreviousValue,
+  ID,
   INIT_NAD_WITH_GEO_DATA,
   INTL_LINE_FLOW_MODE_OPTIONS,
   INTL_MAP_BASE_MAP_OPTIONS,
@@ -247,10 +278,12 @@ export {
   InitialVoltage,
   InputWithPopupConfirmation,
   IntegerInput,
+  LEG_SIDE,
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
   LINE_FLOW_MODE,
   LOAD_TYPE_OPTIONS,
+  LOW_VOLTAGE_LIMIT,
   LabelledButton,
   LeftPanelCloseIcon,
   LeftPanelOpenIcon,
@@ -266,9 +299,11 @@ export {
   Logout,
   MAP_BASEMAP_CARTO,
   MAP_BASEMAP_CARTO_NOLABEL,
+  MAP_BASEMAP_ETALAB,
   MAP_BASEMAP_MAPBOX,
   MAP_BASE_MAP,
   MAP_MANUAL_REFRESH,
+  MAX_ROWS_NUMBER,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MidFormError,
@@ -307,6 +342,7 @@ export {
   PARAM_SUBSTATION_LAYOUT,
   PHASE_REGULATION_MODE_OPTIONS,
   PHASE_SHIFTER_REGULATION_ON,
+  PRIORITY,
   PROVIDER,
   ParameterFloat,
   ParameterGroup,
@@ -318,6 +354,9 @@ export {
   PropertyValueEditor,
   ProviderParam,
   RATIO_REGULATION_MODE_OPTIONS,
+  RATIO_TAP_CHANGER_POSITION,
+  RATIO_TAP_CHANGER_TARGET_V,
+  REACTIVE_SLACKS_THRESHOLD,
   READ_SLACK_BUS,
   REGULATION_TYPE_OPTIONS,
   RULES,
@@ -325,8 +364,11 @@ export {
   RangeInput,
   RangeType,
   RawReadOnlyInput,
+  ReactivePowerAdornment,
   RemoveButton,
   RuleValueEditor,
+  SELECTED,
+  SELECTION_TYPE,
   SHORT_CIRCUIT_INITIAL_VOLTAGE_PROFILE_MODE,
   SHORT_CIRCUIT_PREDEFINED_PARAMS,
   SHORT_CIRCUIT_WITH_FEEDER_RESULT,
@@ -334,6 +376,8 @@ export {
   SHORT_CIRCUIT_WITH_NEUTRAL_POSITION,
   SHORT_CIRCUIT_WITH_SHUNT_COMPENSATORS,
   SHORT_CIRCUIT_WITH_VSC_CONVERTER_STATIONS,
+  SHUNT_COMPENSATORS_SELECTION_TYPE,
+  SHUNT_COMPENSATOR_ACTIVATION_THRESHOLD,
   SHUNT_COMPENSATOR_TYPE_OPTIONS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
@@ -352,10 +396,12 @@ export {
   SwitchInput,
   SwitchWithLabel,
   TAB_INFO,
-  TRANSFORMER_VOLTAGE_CONTROL_ON,
+  TRANSFORMERS_SELECTION_TYPE,
   TWT_SPLIT_SHUNT_ADMITTANCE,
   TabPanel,
   TabValues,
+  TableNumericalInput,
+  TableTextInput,
   TagRenderer,
   TextFieldWithAdornment,
   TextInput,
@@ -363,15 +409,25 @@ export {
   TopBar,
   TranslatedValueEditor,
   TreeViewFinder,
+  UPDATE_BUS_VOLTAGE,
   USE_REACTIVE_LIMITS,
   UnauthorizedAccessAlert,
   UniqueNameInput,
   UserManagerMock,
+  VARIABLE_Q_GENERATORS,
+  VARIABLE_SHUNT_COMPENSATORS,
+  VARIABLE_TRANSFORMERS,
   VOLTAGE_INIT_MODE,
   VOLTAGE_LEVEL,
   VOLTAGE_LEVELS_FORM,
+  VOLTAGE_LIMITS_DEFAULT,
+  VOLTAGE_LIMITS_MODIFICATION,
   ValueEditor,
   ValueSelector,
+  VoltageAdornment,
+  VoltageInitParametersEditionDialog,
+  VoltageInitParametersInLine,
+  VoltageInitTabValues,
   WRITE_SLACK_BUS,
   alertThresholdMarks,
   countRules,

package/dist/components/inputs/index.js

@@ -1,4 +1,5 @@
 import { SelectClearable } from "./SelectClearable.js";
+import { ChipItemsInput } from "./reactHookForm/chip-items-input.js";
 import { DESCRIPTION_INPUT, DirectoryItemsInput, NAME } from "./reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./reactHookForm/RawReadOnlyInput.js";
 import { BottomRightButtons } from "./reactHookForm/agGridTable/BottomRightButtons.js";
@@ -25,6 +26,8 @@ import { CountriesInput } from "./reactHookForm/selectInputs/CountriesInput.js";
 import { InputWithPopupConfirmation } from "./reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./reactHookForm/selectInputs/MuiSelectInput.js";
 import { SelectInput } from "./reactHookForm/selectInputs/SelectInput.js";
+import { TableNumericalInput } from "./reactHookForm/tableInputs/table-numerical-input.js";
+import { TableTextInput } from "./reactHookForm/tableInputs/table-text-input.js";
 import { DescriptionField } from "./reactHookForm/text/DescriptionField.js";
 import { ExpandingTextField } from "./reactHookForm/text/ExpandingTextField.js";
 import { TextInput } from "./reactHookForm/text/TextInput.js";
@@ -61,6 +64,7 @@ export {
   BottomRightButtons,
   CancelButton,
   CheckboxInput,
+  ChipItemsInput,
   CombinatorSelector,
   CountriesInput,
   CountryValueEditor,
@@ -100,6 +104,8 @@ export {
   SliderInput,
   SubmitButton,
   SwitchInput,
+  TableNumericalInput,
+  TableTextInput,
   TextFieldWithAdornment,
   TextInput,
   TextValueEditor,

package/dist/components/inputs/reactHookForm/chip-items-input.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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/.
+ */
+interface ChipItemsInputProps {
+    label?: string;
+    name: string;
+    hideErrorMessage: boolean;
+}
+export declare function ChipItemsInput({ label, name, hideErrorMessage }: Readonly<ChipItemsInputProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/reactHookForm/chip-items-input.js

@@ -0,0 +1,129 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { FormControl, Chip, TextField } from "@mui/material";
+import { useState, useCallback } from "react";
+import { useFieldArray, useController } from "react-hook-form";
+import "react-intl";
+import "../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "./provider/CustomFormProvider.js";
+import { useCustomFormContext } from "./provider/useCustomFormContext.js";
+import { FieldLabel } from "./utils/FieldLabel.js";
+import "@mui/icons-material";
+import { isFieldRequired } from "./utils/functions.js";
+import { OverflowableText } from "../../overflowableText/OverflowableText.js";
+import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
+import { ErrorInput } from "./errorManagement/ErrorInput.js";
+import { MidFormError } from "./errorManagement/MidFormError.js";
+function ChipItemsInput({ label, name, hideErrorMessage }) {
+  const [textEntered, setTextEntered] = useState("");
+  const { snackError } = useSnackMessage();
+  const {
+    fields: elements,
+    append,
+    remove
+  } = useFieldArray({
+    name
+  });
+  const { validationSchema, getValues } = useCustomFormContext();
+  const {
+    fieldState: { error }
+  } = useController({
+    name
+  });
+  const addItem = useCallback(
+    (value) => {
+      if (getValues(name).find((v) => v === value) !== void 0) {
+        snackError({
+          messageTxt: "",
+          headerId: "directory_items_input/ElementAlreadyUsed"
+        });
+      } else {
+        append(value);
+      }
+    },
+    [append, getValues, snackError, name]
+  );
+  const keyPress = (e) => {
+    if (e.key === "Enter" && textEntered.length > 0) {
+      addItem(textEntered);
+      setTextEntered("");
+    }
+  };
+  const onBlur = () => {
+    if (textEntered.length > 0) {
+      addItem(textEntered);
+      setTextEntered("");
+    }
+  };
+  const handleChange = (e) => {
+    setTextEntered(e.target.value);
+  };
+  const styles = {
+    chipContainer: {
+      display: "flex",
+      gap: "8px",
+      flexWrap: "wrap",
+      flexDirection: "row",
+      border: "2px solid lightgray",
+      borderRadius: "4px",
+      overflow: "hidden",
+      borderColor: (error == null ? void 0 : error.message) ? "error.main" : null
+    },
+    chipItem: {
+      display: "flex",
+      gap: "8px",
+      flexWrap: "wrap",
+      flexDirection: "row",
+      marginTop: 0,
+      padding: 1,
+      overflow: "hidden"
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(FormControl, { sx: styles.chipContainer, error: !!(error == null ? void 0 : error.message), children: [
+      (elements == null ? void 0 : elements.length) === 0 && label && /* @__PURE__ */ jsx(FieldLabel, { label, optional: !isFieldRequired(name, validationSchema, getValues()) }),
+      (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.chipItem, children: elements.map((item, index) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          size: "small",
+          onDelete: () => {
+            remove(index);
+          },
+          label: /* @__PURE__ */ jsx(
+            OverflowableText,
+            {
+              text: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}` }),
+              sx: { width: "100%" }
+            }
+          )
+        },
+        item.id
+      )) }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          variant: "standard",
+          InputProps: {
+            disableUnderline: true,
+            style: {
+              marginTop: "5px",
+              height: "30px",
+              marginLeft: "10px"
+            }
+          },
+          value: textEntered,
+          onKeyDown: keyPress,
+          onChange: handleChange,
+          onBlur
+        }
+      )
+    ] }),
+    !hideErrorMessage && /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError })
+  ] });
+}
+export {
+  ChipItemsInput
+};

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

@@ -4,6 +4,7 @@
  * 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 './chip-items-input';
 export * from './DirectoryItemsInput';
 export * from './RawReadOnlyInput';
 export * from './agGridTable';
@@ -13,5 +14,6 @@ export * from './errorManagement';
 export * from './numbers';
 export * from './provider';
 export * from './selectInputs';
+export * from './tableInputs';
 export * from './text';
 export * from './utils';

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

@@ -1,3 +1,4 @@
+import { ChipItemsInput } from "./chip-items-input.js";
 import { DESCRIPTION_INPUT, DirectoryItemsInput, NAME } from "./DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
 import { BottomRightButtons } from "./agGridTable/BottomRightButtons.js";
@@ -24,6 +25,8 @@ import { CountriesInput } from "./selectInputs/CountriesInput.js";
 import { InputWithPopupConfirmation } from "./selectInputs/InputWithPopupConfirmation.js";
 import { MuiSelectInput } from "./selectInputs/MuiSelectInput.js";
 import { SelectInput } from "./selectInputs/SelectInput.js";
+import { TableNumericalInput } from "./tableInputs/table-numerical-input.js";
+import { TableTextInput } from "./tableInputs/table-text-input.js";
 import { DescriptionField } from "./text/DescriptionField.js";
 import { ExpandingTextField } from "./text/ExpandingTextField.js";
 import { TextInput } from "./text/TextInput.js";
@@ -40,6 +43,7 @@ export {
   BottomRightButtons,
   CancelButton,
   CheckboxInput,
+  ChipItemsInput,
   CountriesInput,
   CsvUploader,
   CustomAgGridTable,
@@ -70,6 +74,8 @@ export {
   SliderInput,
   SubmitButton,
   SwitchInput,
+  TableNumericalInput,
+  TableTextInput,
   TextFieldWithAdornment,
   TextInput,
   UniqueNameInput,

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025, 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 './table-numerical-input';
+export * from './table-text-input';

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

@@ -0,0 +1,6 @@
+import { TableNumericalInput } from "./table-numerical-input.js";
+import { TableTextInput } from "./table-text-input.js";
+export {
+  TableNumericalInput,
+  TableTextInput
+};

package/dist/components/inputs/reactHookForm/tableInputs/table-numerical-input.d.ts

@@ -0,0 +1,12 @@
+import { InputBaseComponentProps, StandardTextFieldProps } from '@mui/material';
+export interface TableNumericalInputProps extends StandardTextFieldProps {
+    name: string;
+    inputProps?: InputBaseComponentProps;
+    previousValue?: number;
+    valueModified: boolean;
+    adornment?: {
+        text: string;
+    };
+    isClearable?: boolean;
+}
+export declare function TableNumericalInput({ name, style, inputProps, previousValue, valueModified, adornment, isClearable, ...props }: Readonly<TableNumericalInputProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/tableInputs/table-numerical-input.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TextField, InputAdornment, IconButton } from "@mui/material";
+import { useFormContext, useController } from "react-hook-form";
+import { Clear } from "@mui/icons-material";
+import { useMemo } from "react";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { validateValueIsANumber } from "../../../../utils/validation-functions.js";
+import "../../../../utils/yupConfig.js";
+function TableNumericalInput({
+  name,
+  style,
+  inputProps,
+  previousValue,
+  valueModified,
+  adornment,
+  isClearable = true,
+  ...props
+}) {
+  const { trigger } = useFormContext();
+  const {
+    field: { onChange, value, ref },
+    fieldState: { error }
+  } = useController({ name });
+  const inputTransform = (str) => {
+    if (str === null) {
+      return "";
+    }
+    if (["-", "."].includes(str)) {
+      return str;
+    }
+    return Number.isNaN(Number(str)) ? "" : str.toString();
+  };
+  const clearable = useMemo(
+    () => (
+      // We add the clear button only if the field is clearable and the previous value is different from the current one
+      isClearable && (previousValue === Number.MAX_VALUE ? validateValueIsANumber(value) : previousValue !== void 0 && previousValue !== value)
+    ),
+    [isClearable, previousValue, value]
+  );
+  const outputTransform = (str) => {
+    if (typeof str === "string") {
+      if (str === "-") {
+        return str;
+      }
+      if (str === "") {
+        return null;
+      }
+      const tmp = (str == null ? void 0 : str.replace(",", ".")) || "";
+      if (tmp.endsWith(".") || tmp.endsWith("0")) {
+        return str;
+      }
+      return parseFloat(tmp) || null;
+    }
+    return str === Number.MAX_VALUE ? null : str;
+  };
+  const handleInputChange = (e) => {
+    onChange(outputTransform(e.target.value));
+    trigger(name);
+  };
+  const transformedValue = inputTransform(value);
+  const handleClearValue = () => {
+    onChange(outputTransform(previousValue));
+  };
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      value: transformedValue,
+      onChange: handleInputChange,
+      error: !!(error == null ? void 0 : error.message),
+      size: "small",
+      fullWidth: true,
+      inputRef: ref,
+      InputProps: {
+        endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", children: [
+          transformedValue && (adornment == null ? void 0 : adornment.text),
+          clearable && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              onClick: handleClearValue,
+              style: {
+                visibility: clearable ? "visible" : "hidden"
+              },
+              children: /* @__PURE__ */ jsx(Clear, {})
+            }
+          )
+        ] }),
+        disableInjectingGlobalStyles: true,
+        // disable auto-fill animations and increase rendering perf
+        inputProps: {
+          style: {
+            fontSize: "small",
+            color: previousValue !== void 0 && previousValue === parseFloat(value) && !valueModified ? "grey" : void 0,
+            // grey out the value if it is the same as the previous one
+            textAlign: (style == null ? void 0 : style.textAlign) ?? "left"
+          },
+          inputMode: "numeric",
+          pattern: "[0-9]*",
+          lang: "en-US",
+          // to have '.' as decimal separator
+          ...inputProps
+        }
+      },
+      ...props
+    }
+  );
+}
+export {
+  TableNumericalInput
+};

package/dist/components/inputs/reactHookForm/tableInputs/table-text-input.d.ts

@@ -0,0 +1,8 @@
+import { InputBaseComponentProps } from '@mui/material';
+interface TableTextInputProps {
+    name: string;
+    showErrorMsg?: boolean;
+    inputProps?: InputBaseComponentProps;
+}
+export declare function TableTextInput({ name, showErrorMsg, inputProps, ...props }: Readonly<TableTextInputProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/reactHookForm/tableInputs/table-text-input.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { TextField } from "@mui/material";
+import { useController } from "react-hook-form";
+import { useIntl } from "react-intl";
+function TableTextInput({ name, showErrorMsg, inputProps, ...props }) {
+  const {
+    field: { onChange, value, ref },
+    fieldState: { error }
+  } = useController({ name });
+  const intl = useIntl();
+  const outputTransform = (str) => {
+    return (str == null ? void 0 : str.trim()) === "" ? "" : str;
+  };
+  const handleInputChange = (e) => {
+    onChange(outputTransform(e.target.value));
+  };
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      value,
+      onChange: handleInputChange,
+      error: !!(error == null ? void 0 : error.message),
+      helperText: showErrorMsg && ((error == null ? void 0 : error.message) ? intl.formatMessage({ id: error.message }) : ""),
+      size: "small",
+      fullWidth: true,
+      inputRef: ref,
+      InputProps: {
+        disableInjectingGlobalStyles: true,
+        // disable auto-fill animations and increase rendering perf
+        inputProps: {
+          style: {
+            fontSize: "small"
+          },
+          ...inputProps
+        }
+      },
+      ...props
+    }
+  );
+}
+export {
+  TableTextInput
+};