@gridsuite/commons-ui 0.241.1 → 0.242.0

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsEditor.js

@@ -0,0 +1,285 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Box, Grid2 } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import { useMemo, useCallback, useEffect } from "react";
+import { useFormContext, useController } from "react-hook-form";
+import { TemporaryLimitsTable } from "./TemporaryLimitsTable.js";
+import { LimitsChart } from "./limitsChart.js";
+import { LimitsPropertiesSideStack } from "./LimitsPropertiesSideStack.js";
+import { TEMPORARY_LIMIT_MODIFICATION_TYPE, APPLICABILITY } from "../limits.types.js";
+import "@mui/icons-material";
+import "../../../../../components/ui/overflowableText/OverflowableText.js";
+import { AmpereAdornment } from "../../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import { useCustomFormContext } from "../../../../../components/ui/reactHookForm/provider/useCustomFormContext.js";
+import "yup";
+import { ErrorInput } from "../../../../../components/ui/reactHookForm/errorManagement/ErrorInput.js";
+import { FieldErrorAlert } from "../../../../../components/ui/reactHookForm/errorManagement/FieldErrorAlert.js";
+import "../../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { FloatInput } from "../../../../../components/ui/reactHookForm/numbers/FloatInput.js";
+import { TextInput } from "../../../../../components/ui/reactHookForm/text/TextInput.js";
+import "../../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { SelectInput } from "../../../../../components/ui/reactHookForm/selectInputs/SelectInput.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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import { DndColumnType } from "../../../../../components/composite/dnd-table/dnd-table.type.js";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function LimitsEditor({
+  name,
+  permanentCurrentLimitPreviousValue,
+  temporaryLimitsPreviousValues,
+  applicabilityPreviousValue,
+  clearableFields,
+  disabled
+}) {
+  const intl = useIntl();
+  const { getValues, subscribe, trigger } = useFormContext();
+  const { isNodeBuilt } = useCustomFormContext();
+  const limitsGroupFormName = `${name}.${FieldConstants.CURRENT_LIMITS}`;
+  const columnsDefinition = useMemo(() => {
+    return [
+      {
+        label: "TemporaryLimitName",
+        dataKey: FieldConstants.TEMPORARY_LIMIT_NAME,
+        initialValue: "",
+        editable: true,
+        type: DndColumnType.TEXT,
+        maxWidth: 200
+      },
+      {
+        label: "TemporaryLimitDuration",
+        dataKey: FieldConstants.TEMPORARY_LIMIT_DURATION,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        maxWidth: 100
+      },
+      {
+        label: "TemporaryLimitValue",
+        dataKey: FieldConstants.TEMPORARY_LIMIT_VALUE,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        maxWidth: 100
+      }
+    ].map((column) => ({
+      ...column,
+      label: intl.formatMessage({ id: column.label })
+    }));
+  }, [intl]);
+  const newRowData = useMemo(() => {
+    const newData = {};
+    columnsDefinition.forEach((column) => {
+      newData[column.dataKey] = column.initialValue;
+    });
+    return newData;
+  }, [columnsDefinition]);
+  const createRows = () => [newRowData];
+  const temporaryLimitHasPreviousValue = useCallback(
+    (rowIndex, arrayFormName, temporaryLimits) => {
+      if (!temporaryLimits) {
+        return false;
+      }
+      return temporaryLimits?.filter(
+        (l) => l.name === getValues(arrayFormName)[rowIndex]?.name && l.acceptableDuration === getValues(arrayFormName)[rowIndex]?.acceptableDuration
+      )?.length > 0;
+    },
+    [getValues]
+  );
+  const shouldReturnPreviousValue = useCallback(
+    (rowIndex, column, arrayFormName, temporaryLimits) => {
+      return temporaryLimitHasPreviousValue(rowIndex, arrayFormName, temporaryLimits) && column.dataKey === FieldConstants.TEMPORARY_LIMIT_VALUE || getValues(arrayFormName)[rowIndex]?.modificationType === TEMPORARY_LIMIT_MODIFICATION_TYPE.ADD;
+    },
+    [getValues, temporaryLimitHasPreviousValue]
+  );
+  const findTemporaryLimit = useCallback(
+    (rowIndex, arrayFormName, temporaryLimits) => {
+      return temporaryLimits?.find(
+        (e) => e.name === getValues(arrayFormName)[rowIndex]?.name && e.acceptableDuration === getValues(arrayFormName)[rowIndex]?.acceptableDuration
+      );
+    },
+    [getValues]
+  );
+  const getPreviousValue = useCallback(
+    (rowIndex, column, arrayFormName, temporaryLimits) => {
+      if (!temporaryLimits) {
+        return void 0;
+      }
+      if (!temporaryLimits?.length) {
+        return void 0;
+      }
+      if (!shouldReturnPreviousValue(rowIndex, column, arrayFormName, temporaryLimits)) {
+        return void 0;
+      }
+      const temporaryLimit = findTemporaryLimit(rowIndex, arrayFormName, temporaryLimits);
+      if (temporaryLimit === void 0) {
+        return void 0;
+      }
+      if (column.dataKey === FieldConstants.TEMPORARY_LIMIT_VALUE) {
+        return temporaryLimit?.value ?? Number.MAX_VALUE;
+      }
+      if (column.dataKey === FieldConstants.TEMPORARY_LIMIT_DURATION) {
+        return temporaryLimit?.acceptableDuration ?? Number.MAX_VALUE;
+      }
+      return void 0;
+    },
+    [findTemporaryLimit, shouldReturnPreviousValue]
+  );
+  const isValueModified = useCallback(
+    (rowIndex, arrayFormName) => {
+      const temporaryLimits = getValues(arrayFormName);
+      const temporaryLimit = temporaryLimits ? temporaryLimits[rowIndex] : null;
+      if (temporaryLimit?.modificationType === TEMPORARY_LIMIT_MODIFICATION_TYPE.MODIFY && !isNodeBuilt) {
+        return false;
+      }
+      return temporaryLimit?.modificationType !== null;
+    },
+    [getValues, isNodeBuilt]
+  );
+  useEffect(() => {
+    const unsubscribeCallBack = subscribe({
+      name: [`${name}.${FieldConstants.APPLICABILITY_FIELD}`, `${name}.${FieldConstants.NAME}`],
+      formState: {
+        values: true
+      },
+      callback: ({ isSubmitted }) => {
+        if (isSubmitted) {
+          const operationalLimitsGroups = getValues(
+            `${FieldConstants.LIMITS}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}`
+          );
+          for (let index = 0; index < operationalLimitsGroups?.length; index++) {
+            trigger(
+              `${FieldConstants.LIMITS}.${FieldConstants.OPERATIONAL_LIMITS_GROUPS}[${index}].${FieldConstants.OLG_IS_DUPLICATE}`
+            ).then();
+          }
+        }
+      }
+    });
+    return () => unsubscribeCallBack();
+  }, [trigger, subscribe, name, getValues]);
+  const {
+    fieldState: { error }
+  } = useController({
+    name: `${name}.${FieldConstants.OLG_IS_DUPLICATE}`
+  });
+  return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
+    /* @__PURE__ */ jsx(
+      LimitsChart,
+      {
+        limitsGroupFormName,
+        previousPermanentLimit: permanentCurrentLimitPreviousValue
+      }
+    ),
+    name && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(
+        Grid2,
+        {
+          container: true,
+          justifyContent: "flex-start",
+          alignItems: "stretch",
+          spacing: 2,
+          sx: { paddingBottom: 1, paddingTop: 3 },
+          children: [
+            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                name: `${name}.${FieldConstants.NAME}`,
+                label: "name",
+                formProps: error?.message ? { error: true } : {},
+                disabled
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+              SelectInput,
+              {
+                label: "Applicability",
+                options: Object.values(APPLICABILITY),
+                name: `${name}.${FieldConstants.APPLICABILITY_FIELD}`,
+                previousValue: applicabilityPreviousValue,
+                sx: { flexGrow: 1 },
+                disableClearable: true,
+                size: "small",
+                disabled,
+                formProps: { error: !!error?.message }
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Grid2, { size: 4, children: /* @__PURE__ */ jsx(
+              FloatInput,
+              {
+                name: `${limitsGroupFormName}.${FieldConstants.PERMANENT_LIMIT}`,
+                label: "PermanentCurrentLimitText",
+                adornment: AmpereAdornment,
+                previousValue: permanentCurrentLimitPreviousValue ?? void 0,
+                clearable: !disabled && clearableFields,
+                disabled
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(ErrorInput, { InputField: FieldErrorAlert, name: `${name}.${FieldConstants.OLG_IS_DUPLICATE}` })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { component: "h4", margin: 1, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "TemporaryCurrentLimitsText" }) }),
+    /* @__PURE__ */ jsx(
+      TemporaryLimitsTable,
+      {
+        arrayFormName: `${limitsGroupFormName}.${FieldConstants.TEMPORARY_LIMITS}`,
+        createRow: createRows,
+        columnsDefinition,
+        previousValues: temporaryLimitsPreviousValues,
+        getPreviousValue,
+        isValueModified,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(LimitsPropertiesSideStack, { name: `${name}.${FieldConstants.LIMITS_PROPERTIES}`, disabled })
+  ] });
+}
+export {
+  LimitsEditor
+};

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsPropertiesSideStack.d.ts

@@ -0,0 +1,5 @@
+export interface LimitsPropertiesSideStackProps {
+    name: string;
+    disabled?: boolean;
+}
+export declare function LimitsPropertiesSideStack({ name, disabled }: Readonly<LimitsPropertiesSideStackProps>): import("react").JSX.Element;

package/dist/features/network-modifications/common/currentLimits/limitsEditor/LimitsPropertiesSideStack.js

@@ -0,0 +1,184 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Box, Autocomplete, TextField, IconButton } from "@mui/material";
+import { useState, useMemo, useCallback } from "react";
+import { Delete } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { useFieldArray } from "react-hook-form";
+import { LimitsTagChip } from "../LimitsTagChip.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { usePredefinedProperties } from "../../../../../hooks/usePredefinedProperties.js";
+import "notistack";
+import { AddButton } from "../../../../../components/ui/addButton/AddButton.js";
+import "../../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "../../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../../components/ui/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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function LimitsPropertiesSideStack({ name, disabled }) {
+  const { fields: limitsProperties, append, remove } = useFieldArray({ name });
+  const [isEditing, setIsEditing] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const [propertyName, setPropertyName] = useState("");
+  const [propertyValue, setPropertyValue] = useState("");
+  const [nameEditorError, setNameEditorError] = useState("");
+  const [valueEditorError, setValueEditorError] = useState("");
+  const intl = useIntl();
+  const [predefinedProperties] = usePredefinedProperties("limitsGroup");
+  const predefinedPropertiesNames = useMemo(() => {
+    return Object.keys(predefinedProperties ?? {}).sort((a, b) => a.localeCompare(b));
+  }, [predefinedProperties]);
+  const handleKeyPress = useCallback(
+    (event) => {
+      if (event.key === "Enter") {
+        setNameEditorError("");
+        setValueEditorError("");
+        let error = false;
+        if (propertyName.trim() === "") {
+          setNameEditorError(intl.formatMessage({ id: "FieldNotEmpty" }));
+          error = true;
+        }
+        if (propertyValue.trim() === "") {
+          setValueEditorError(intl.formatMessage({ id: "FieldNotEmpty" }));
+          error = true;
+        }
+        if (error) {
+          return;
+        }
+        if (limitsProperties.some((l) => l.name === propertyName)) {
+          setNameEditorError(intl.formatMessage({ id: "UniqueName" }));
+          return;
+        }
+        append({ name: propertyName, value: propertyValue });
+        setPropertyName("");
+        setPropertyValue("");
+        setIsEditing(false);
+      }
+    },
+    [append, intl, limitsProperties, propertyName, propertyValue]
+  );
+  const handleOnChange = useCallback((value) => {
+    setPropertyName(value);
+    setNameEditorError("");
+  }, []);
+  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, paddingTop: 2, flexWrap: "wrap", children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { display: "flex", flexWrap: "wrap" }, children: [
+      limitsProperties?.map((property, index) => /* @__PURE__ */ jsx(
+        LimitsTagChip,
+        {
+          limitsProperty: property,
+          onDelete: () => remove(index),
+          disabled,
+          showTooltip: true
+        },
+        `${property.name}`
+      )),
+      !isEditing && /* @__PURE__ */ jsx(AddButton, { disabled, label: "AddProperty", onClick: () => setIsEditing(true) })
+    ] }),
+    isEditing && !disabled ? /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "flex",
+        gap: 2,
+        width: "100%",
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        children: [
+          /* @__PURE__ */ jsx(
+            Autocomplete,
+            {
+              options: Object.values(predefinedPropertiesNames),
+              size: "small",
+              onChange: (event, value) => handleOnChange(value ?? ""),
+              renderInput: (params) => /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: intl.formatMessage({ id: "PropertyName" }),
+                  variant: "outlined",
+                  ...params,
+                  onChange: (event) => handleOnChange(event.target.value),
+                  fullWidth: true,
+                  error: nameEditorError !== "",
+                  helperText: nameEditorError,
+                  onKeyDown: handleKeyPress
+                }
+              ),
+              sx: { flex: 1 },
+              freeSolo: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              size: "small",
+              label: intl.formatMessage({ id: "PropertyValue" }),
+              sx: { flex: 1, verticalAlign: "center" },
+              onKeyDown: handleKeyPress,
+              onChange: (event) => setPropertyValue(event.target.value),
+              error: valueEditorError !== "",
+              helperText: valueEditorError
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              sx: { verticalAlign: "center" },
+              onClick: () => {
+                setIsEditing(false);
+                setNameEditorError("");
+              },
+              children: /* @__PURE__ */ jsx(Delete, { visibility: hovered ? "visible" : "hidden" })
+            }
+          )
+        ]
+      }
+    ) : ""
+  ] });
+}
+export {
+  LimitsPropertiesSideStack
+};

package/dist/features/network-modifications/common/currentLimits/limitsEditor/TemporaryLimitsTable.d.ts

@@ -0,0 +1,14 @@
+import { ColumnNumeric, ColumnText } from '../../../../../components';
+import { TemporaryLimitsData } from '../limits.types';
+interface TemporaryLimitsTableProps {
+    arrayFormName: string;
+    columnsDefinition: (ColumnText | ColumnNumeric)[];
+    createRow: () => any[];
+    disabled?: boolean;
+    previousValues: TemporaryLimitsData[];
+    getPreviousValue: (rowIndex: number, column: ColumnText | ColumnNumeric, arrayFormName: string, temporaryLimits: TemporaryLimitsData[]) => number | undefined;
+    isValueModified: (rowIndex: number, arrayFormName: string) => boolean;
+    disableAddingRows?: boolean;
+}
+export declare function TemporaryLimitsTable({ arrayFormName, columnsDefinition, createRow, disabled, previousValues, getPreviousValue, isValueModified, disableAddingRows, }: Readonly<TemporaryLimitsTableProps>): import("react").JSX.Element;
+export {};

package/dist/features/network-modifications/common/currentLimits/limitsEditor/TemporaryLimitsTable.js

@@ -0,0 +1,166 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useFieldArray } from "react-hook-form";
+import { Grid2, TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody } from "@mui/material";
+import { AddCircle, Delete } from "@mui/icons-material";
+import "react-intl";
+import "../../../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../../../utils/conversionUtils.js";
+import "../../../../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../../../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { ErrorInput } from "../../../../../components/ui/reactHookForm/errorManagement/ErrorInput.js";
+import { FieldErrorAlert } from "../../../../../components/ui/reactHookForm/errorManagement/FieldErrorAlert.js";
+import "../../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { TableNumericalInput } from "../../../../../components/ui/reactHookForm/tableInputs/table-numerical-input.js";
+import { TableTextInput } from "../../../../../components/ui/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/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import { SELECTED, DndColumnType } from "../../../../../components/composite/dnd-table/dnd-table.type.js";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../../components/composite/filter/utils/filterFormUtils.js";
+import "@react-querybuilder/material";
+import "../../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+const styles = {
+  columnsStyle: {
+    display: "inline-flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    margin: 1,
+    textTransform: "none"
+  }
+};
+function EditableTableCell({ name, column, previousValue, valueModified, ...props }) {
+  return /* @__PURE__ */ jsx(TableCell, { sx: { padding: 0.5, maxWidth: column.maxWidth, verticalAlign: "top" }, children: column.type === DndColumnType.NUMERIC ? /* @__PURE__ */ jsx(
+    TableNumericalInput,
+    {
+      name,
+      previousValue,
+      valueModified,
+      hideErrorMessage: column.hideErrorMessage,
+      ...props
+    }
+  ) : /* @__PURE__ */ jsx(TableTextInput, { name, hideErrorMessage: column.hideErrorMessage, ...props }) });
+}
+function TemporaryLimitsTable({
+  arrayFormName,
+  columnsDefinition,
+  createRow,
+  disabled = false,
+  previousValues,
+  getPreviousValue,
+  isValueModified,
+  disableAddingRows = false
+}) {
+  const { fields, append, remove } = useFieldArray({ name: arrayFormName });
+  const [hoveredRowIndex, setHoveredRowIndex] = useState(-1);
+  const handleMouseEnter = useCallback((event) => {
+    const { index } = event.currentTarget.dataset;
+    if (index !== void 0) {
+      setHoveredRowIndex(Number(index));
+    }
+  }, []);
+  const handleMouseLeave = useCallback(() => {
+    setHoveredRowIndex(-1);
+  }, []);
+  const handleRemove = useCallback(
+    (event) => {
+      const { index } = event.currentTarget.dataset;
+      if (index !== void 0) {
+        remove(Number(index));
+      }
+    },
+    [remove]
+  );
+  function renderTableCell(rowId, rowIndex, column) {
+    const name = `${arrayFormName}[${rowIndex}].${column.dataKey}`;
+    return /* @__PURE__ */ jsx(
+      EditableTableCell,
+      {
+        name,
+        column,
+        disabled,
+        previousValue: getPreviousValue ? getPreviousValue(rowIndex, column, arrayFormName, previousValues) : void 0,
+        valueModified: isValueModified ? isValueModified(rowIndex, arrayFormName) : false
+      },
+      rowId + column.dataKey
+    );
+  }
+  const handleAddRowButton = useCallback(() => {
+    const rowsToAdd = createRow().map((row) => {
+      return { ...row, [SELECTED]: false };
+    });
+    append(rowsToAdd);
+  }, [append, createRow]);
+  function renderTableHead() {
+    return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(TableCell, { sx: { width: column.width, maxWidth: column.maxWidth }, children: /* @__PURE__ */ jsx(Box, { sx: styles.columnsStyle, children: column.label }) }, column.dataKey)),
+      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          color: "primary",
+          onClick: handleAddRowButton,
+          disabled: disabled || disableAddingRows,
+          children: /* @__PURE__ */ jsx(AddCircle, {})
+        }
+      ) })
+    ] }) });
+  }
+  const renderTableRow = (rowId, index) => /* @__PURE__ */ jsxs(TableRow, { "data-index": index, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
+    columnsDefinition.map((column) => renderTableCell(rowId, index, column)),
+    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(IconButton, { "data-index": index, color: "primary", disabled, onClick: handleRemove, children: /* @__PURE__ */ jsx(Delete, { visibility: index === hoveredRowIndex ? "visible" : "hidden" }) }) }, `${rowId}delete`)
+  ] }, rowId);
+  function renderTableBody() {
+    return /* @__PURE__ */ jsx(TableBody, { children: fields.map((value, index) => renderTableRow(value.id, index)) });
+  }
+  return /* @__PURE__ */ jsx(Grid2, { container: true, spacing: 1, children: /* @__PURE__ */ jsxs(Grid2, { container: true, size: 12, children: [
+    /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", padding: "none", children: [
+      renderTableHead(),
+      renderTableBody()
+    ] }) }),
+    /* @__PURE__ */ jsx(ErrorInput, { name: arrayFormName, InputField: FieldErrorAlert })
+  ] }) });
+}
+export {
+  TemporaryLimitsTable
+};