@gridsuite/commons-ui 0.213.0 → 0.215.0

package/dist/features/parameters/voltage-init/voltage-init-parameters-inline.js

@@ -0,0 +1,172 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { Box, Grid } from "@mui/material";
+import { useIntl, FormattedMessage } from "react-intl";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import { updateVoltageInitParameters } from "../../../services/study.js";
+import { getVoltageInitParameters } from "../../../services/voltage-init.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import { SubmitButton } from "../../../components/ui/reactHookForm/utils/SubmitButton.js";
+import "yup";
+import { DirectoryItemSelector } from "../../../components/ui/directoryItemSelector/DirectoryItemSelector.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { PopupConfirmationDialog } from "../../../components/ui/dialogs/popupConfirmationDialog/PopupConfirmationDialog.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 "@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 "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { LabelledButton } from "../common/parameters.js";
+import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
+import "../common/widget/parameter-line-slider.js";
+import "../common/limitreductions/columns-definitions.js";
+import "../common/contingency-table/contingency-table.js";
+import "../common/contingency-table/columns-definitions.js";
+import "@hookform/resolvers/yup";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+import { useVoltageInitParametersForm } from "./use-voltage-init-parameters-form.js";
+import { VoltageInitParametersForm } from "./voltage-init-parameters-form.js";
+import { fromVoltageInitParamsDataToFormValues, fromVoltageInitParametersFormToParamValues } from "./voltage-init-form-utils.js";
+import { DEFAULT_GENERAL_APPLY_MODIFICATIONS } from "./constants.js";
+function VoltageInitParametersInLine({
+  studyUuid,
+  setHaveDirtyFields,
+  voltageInitParameters
+}) {
+  const voltageInitMethods = useVoltageInitParametersForm({
+    parametersUuid: null,
+    name: null,
+    description: null,
+    studyUuid,
+    parameters: voltageInitParameters
+  });
+  const intl = useIntl();
+  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
+  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
+  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
+  const { snackError } = useSnackMessage();
+  const { formState, getValues, handleSubmit, reset, trigger } = voltageInitMethods.formMethods;
+  const handleLoadParameters = useCallback(
+    (newParams) => {
+      if (newParams?.length) {
+        setOpenSelectParameterDialog(false);
+        const parametersUuid = newParams[0].id;
+        getVoltageInitParameters(parametersUuid).then((params) => {
+          reset(fromVoltageInitParamsDataToFormValues(params), {
+            keepDefaultValues: true
+          });
+        }).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
+        });
+      }
+      setOpenSelectParameterDialog(false);
+    },
+    [reset, snackError]
+  );
+  const resetVoltageInitParameters = useCallback(() => {
+    updateVoltageInitParameters(studyUuid, {
+      applyModifications: DEFAULT_GENERAL_APPLY_MODIFICATIONS,
+      computationParameters: null
+      // null means Reset
+    }).catch((error) => {
+      snackWithFallback(snackError, error, { headerId: "updateVoltageInitParametersError" });
+    });
+    setOpenResetConfirmation(false);
+  }, [studyUuid, snackError]);
+  const handleResetClick = useCallback(() => {
+    setOpenResetConfirmation(true);
+  }, []);
+  const handleCancelReset = useCallback(() => {
+    setOpenResetConfirmation(false);
+  }, []);
+  useEffect(() => {
+    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+  }, [formState, setHaveDirtyFields]);
+  const handleOpenSaveDialog = useCallback(() => {
+    trigger().then((isValid) => {
+      if (isValid) {
+        setOpenCreateParameterDialog(true);
+      }
+    });
+  }, [trigger]);
+  return /* @__PURE__ */ jsx(
+    VoltageInitParametersForm,
+    {
+      voltageInitMethods,
+      renderActions: () => {
+        return /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
+            /* @__PURE__ */ jsx(
+              LabelledButton,
+              {
+                callback: () => setOpenSelectParameterDialog(true),
+                label: "settings.button.chooseSettings"
+              }
+            ),
+            /* @__PURE__ */ jsx(LabelledButton, { callback: handleOpenSaveDialog, label: "save" }),
+            /* @__PURE__ */ jsx(LabelledButton, { callback: handleResetClick, label: "resetToDefault" }),
+            /* @__PURE__ */ jsx(SubmitButton, { onClick: handleSubmit(voltageInitMethods.onSaveInline), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) })
+          ] }),
+          openCreateParameterDialog && /* @__PURE__ */ jsx(
+            CreateParameterDialog,
+            {
+              studyUuid,
+              open: openCreateParameterDialog,
+              onClose: () => setOpenCreateParameterDialog(false),
+              parameterValues: getValues,
+              parameterFormatter: (params) => fromVoltageInitParametersFormToParamValues(params).computationParameters,
+              parameterType: ElementType.VOLTAGE_INIT_PARAMETERS
+            }
+          ),
+          openSelectParameterDialog && /* @__PURE__ */ jsx(
+            DirectoryItemSelector,
+            {
+              open: openSelectParameterDialog,
+              onClose: handleLoadParameters,
+              types: [ElementType.VOLTAGE_INIT_PARAMETERS],
+              title: intl.formatMessage({
+                id: "showSelectParameterDialog"
+              }),
+              multiSelect: false,
+              validationButtonText: intl.formatMessage({
+                id: "validate"
+              })
+            }
+          ),
+          openResetConfirmation && /* @__PURE__ */ jsx(
+            PopupConfirmationDialog,
+            {
+              message: "resetParamsConfirmation",
+              validateButtonLabel: "validate",
+              openConfirmationPopup: openResetConfirmation,
+              setOpenConfirmationPopup: handleCancelReset,
+              handlePopupConfirmation: resetVoltageInitParameters
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+export {
+  VoltageInitParametersInLine
+};

package/dist/features/parameters/voltage-init/voltage-limits-parameters.js

@@ -0,0 +1,171 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Info } from "@mui/icons-material";
+import { Grid } from "@mui/material";
+import { useIntl } from "react-intl";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { LOW_VOLTAGE_LIMIT, HIGH_VOLTAGE_LIMIT, VOLTAGE_LIMITS_MODIFICATION, VOLTAGE_LIMITS_DEFAULT } from "./constants.js";
+import { VoltageAdornment } from "../../../utils/constants/adornments.js";
+import { FILTERS } from "../../../utils/constants/filterConstant.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import { EquipmentType } from "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
+import "react-dom";
+import "react-hook-form";
+import "@hello-pangea/dnd";
+import { DndColumnType, SELECTED } from "../../../components/composite/dnd-table-v2/dnd-table.type.js";
+import "../../../components/ui/overflowableText/OverflowableText.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 "../../../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/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import { ParameterTableField } from "../common/parameter-table-field/parameter-table-field.js";
+function VoltageLimitsParameters() {
+  const intl = useIntl();
+  const VoltageLevelFilterTooltip = useMemo(() => {
+    return /* @__PURE__ */ jsx(
+      CustomTooltip,
+      {
+        title: intl.formatMessage({
+          id: "VoltageLevelFilterTooltip"
+        }),
+        sx: { marginLeft: 1 },
+        children: /* @__PURE__ */ jsx(Info, {})
+      }
+    );
+  }, [intl]);
+  const VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS = useMemo(() => {
+    return [
+      {
+        label: "VoltageLevelFilter",
+        dataKey: FILTERS,
+        initialValue: [],
+        editable: true,
+        type: DndColumnType.DIRECTORY_ITEMS,
+        equipmentTypes: [EquipmentType.VOLTAGE_LEVEL],
+        elementType: ElementType.FILTER,
+        titleId: "FiltersListsSelection",
+        extra: VoltageLevelFilterTooltip
+      },
+      {
+        label: "LowVoltageLimitAdjustment",
+        dataKey: LOW_VOLTAGE_LIMIT,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        adornment: VoltageAdornment,
+        textAlign: "right"
+      },
+      {
+        label: "HighVoltageLimitAdjustment",
+        dataKey: HIGH_VOLTAGE_LIMIT,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        adornment: VoltageAdornment,
+        textAlign: "right"
+      }
+    ].map((column) => ({
+      ...column,
+      label: intl.formatMessage({ id: column.label }).toLowerCase().replace(/^\w/, (c) => c.toUpperCase())
+    }));
+  }, [VoltageLevelFilterTooltip, intl]);
+  const VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS = useMemo(() => {
+    return [
+      {
+        label: "VoltageLevelFilter",
+        dataKey: FILTERS,
+        initialValue: [],
+        editable: true,
+        type: DndColumnType.DIRECTORY_ITEMS,
+        equipmentTypes: [EquipmentType.VOLTAGE_LEVEL],
+        elementType: ElementType.FILTER,
+        titleId: "FiltersListsSelection",
+        extra: VoltageLevelFilterTooltip
+      },
+      {
+        label: "LowVoltageLimitDefault",
+        dataKey: LOW_VOLTAGE_LIMIT,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        adornment: VoltageAdornment,
+        textAlign: "right"
+      },
+      {
+        label: "HighVoltageLimitDefault",
+        dataKey: HIGH_VOLTAGE_LIMIT,
+        initialValue: null,
+        editable: true,
+        type: DndColumnType.NUMERIC,
+        adornment: VoltageAdornment,
+        textAlign: "right"
+      }
+    ].map((column) => ({
+      ...column,
+      label: intl.formatMessage({ id: column.label }).toLowerCase().replace(/^\w/, (c) => c.toUpperCase())
+    }));
+  }, [VoltageLevelFilterTooltip, intl]);
+  const newModificationRowData = useMemo(() => {
+    const newRowData = {};
+    newRowData[SELECTED] = false;
+    VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS.forEach((column) => {
+      newRowData[column.dataKey] = column.initialValue;
+    });
+    return newRowData;
+  }, [VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS]);
+  const createVoltageLimitModificationRows = () => [newModificationRowData];
+  const newDefaultRowData = useMemo(() => {
+    const newRowData = {};
+    newRowData[SELECTED] = false;
+    VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS.forEach((column) => {
+      newRowData[column.dataKey] = column.initialValue;
+    });
+    return newRowData;
+  }, [VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS]);
+  const createVoltageLimitDefaultRows = () => [newDefaultRowData];
+  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx(
+      ParameterTableField,
+      {
+        name: `${VOLTAGE_LIMITS_MODIFICATION}`,
+        label: "AdjustExistingLimits",
+        tooltipProps: { title: "AdjustExistingLimitsInfo" },
+        columnsDefinition: VOLTAGE_LIMITS_MODIFICATION_COLUMNS_DEFINITIONS,
+        createRows: createVoltageLimitModificationRows,
+        tableHeight: 270,
+        withAddRowsDialog: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ParameterTableField,
+      {
+        name: `${VOLTAGE_LIMITS_DEFAULT}`,
+        label: "SetDefaultLimits",
+        columnsDefinition: VOLTAGE_LIMITS_DEFAULT_COLUMNS_DEFINITIONS,
+        createRows: createVoltageLimitDefaultRows,
+        tableHeight: 270,
+        withAddRowsDialog: false
+      }
+    )
+  ] });
+}
+export {
+  VoltageLimitsParameters
+};