@gridsuite/commons-ui 0.213.0 → 0.215.0

package/dist/features/parameters/network-visualizations/network-visualizations-parameters-dialog.js

@@ -0,0 +1,100 @@
+import { jsx } from "react/jsx-runtime";
+import { CustomMuiDialog } from "../../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import "react";
+import "@mui/material";
+import "react-intl";
+import "react-hook-form";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import { NetworkVisualizationParametersForm } from "./network-visualizations-form.js";
+import { useNetworkVisualizationParametersForm } from "./use-network-visualizations-parameters-form.js";
+import { NameElementEditorForm } from "../common/name-element-editor/name-element-editor-form.js";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+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/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+function NetworkVisualizationsParametersEditionDialog({
+  id,
+  open,
+  onClose,
+  titleId,
+  name,
+  description,
+  activeDirectory,
+  language,
+  user
+}) {
+  const networkVisuMethods = useNetworkVisualizationParametersForm({
+    parametersUuid: id,
+    name,
+    description,
+    studyUuid: null,
+    parameters: null
+  });
+  const {
+    formState: { errors, dirtyFields }
+  } = networkVisuMethods.formMethods;
+  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: networkVisuMethods.onSaveDialog,
+      formContext: {
+        ...networkVisuMethods.formMethods,
+        validationSchema: networkVisuMethods.formSchema,
+        removeOptional: true,
+        language
+      },
+      titleId,
+      disabledSave: disableSave,
+      PaperProps: {
+        sx: {
+          height: "65vh"
+          // we want the dialog height to be fixed even when switching tabs
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        NetworkVisualizationParametersForm,
+        {
+          user,
+          networkVisuMethods,
+          renderTitleFields: () => {
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.NETWORK_VISUALIZATIONS_PARAMETERS
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  NetworkVisualizationsParametersEditionDialog
+};

package/dist/features/parameters/network-visualizations/network-visualizations-parameters-inline.js

@@ -0,0 +1,134 @@
+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 { getNetworkVisualizationsParameters } from "../../../services/study-config.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 "@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 { NetworkVisualizationParametersForm } from "./network-visualizations-form.js";
+import { useNetworkVisualizationParametersForm } from "./use-network-visualizations-parameters-form.js";
+function NetworkVisualizationParametersInline({
+  studyUuid,
+  setHaveDirtyFields,
+  user,
+  parameters
+}) {
+  const networkVisuMethods = useNetworkVisualizationParametersForm({
+    parametersUuid: null,
+    name: null,
+    description: null,
+    studyUuid,
+    parameters
+  });
+  const intl = useIntl();
+  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
+  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
+  const { snackError } = useSnackMessage();
+  const { reset, getValues, formState, handleSubmit } = networkVisuMethods.formMethods;
+  const handleLoadParameters = useCallback(
+    (newParams) => {
+      if (newParams && newParams.length > 0) {
+        setOpenSelectParameterDialog(false);
+        getNetworkVisualizationsParameters(newParams[0].id).then((result) => {
+          reset(result, {
+            keepDefaultValues: true
+          });
+        }).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
+        });
+      }
+      setOpenSelectParameterDialog(false);
+    },
+    [reset, snackError]
+  );
+  useEffect(() => {
+    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+  }, [formState, setHaveDirtyFields]);
+  return /* @__PURE__ */ jsx(
+    NetworkVisualizationParametersForm,
+    {
+      user,
+      networkVisuMethods,
+      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: () => setOpenCreateParameterDialog(true), label: "save" }),
+            /* @__PURE__ */ jsx(SubmitButton, { onClick: handleSubmit(networkVisuMethods.onSaveInline), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) })
+          ] }),
+          openCreateParameterDialog && /* @__PURE__ */ jsx(
+            CreateParameterDialog,
+            {
+              studyUuid,
+              open: openCreateParameterDialog,
+              onClose: () => setOpenCreateParameterDialog(false),
+              parameterValues: () => getValues(),
+              parameterFormatter: (newParams) => newParams,
+              parameterType: ElementType.NETWORK_VISUALIZATIONS_PARAMETERS
+            }
+          ),
+          openSelectParameterDialog && /* @__PURE__ */ jsx(
+            DirectoryItemSelector,
+            {
+              open: openSelectParameterDialog,
+              onClose: handleLoadParameters,
+              types: [ElementType.NETWORK_VISUALIZATIONS_PARAMETERS],
+              title: intl.formatMessage({
+                id: "showSelectParameterDialog"
+              }),
+              multiSelect: false,
+              validationButtonText: intl.formatMessage({
+                id: "validate"
+              })
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+export {
+  NetworkVisualizationParametersInline
+};

package/dist/features/parameters/network-visualizations/single-line-diagram-parameters.js

@@ -0,0 +1,103 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import { useMemo } from "react";
+import { FormattedMessage } from "react-intl";
+import { LineSeparator } from "../common/line-separator.js";
+import { parametersStyles } from "../parameters-style.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "react-hook-form";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "yup";
+import { SwitchInput } from "../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import "../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import { MuiSelectInput } from "../../../components/ui/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/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/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+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 { INTL_SUBSTATION_LAYOUT_OPTIONS, SUBSTATION_LAYOUT, NetworkVisualizationTabValues, PARAM_SUBSTATION_LAYOUT, COMPONENT_LIBRARY, PARAM_COMPONENT_LIBRARY, DIAGONAL_LABEL, PARAM_DIAGONAL_LABEL, CENTER_LABEL, PARAM_CENTER_LABEL } from "./constants.js";
+function SingleLineDiagramParameters({ componentLibraries }) {
+  const componentLibsRenderCache = useMemo(
+    () => Object.fromEntries(componentLibraries.filter(Boolean).map((libLabel) => [libLabel, libLabel])),
+    [componentLibraries]
+  );
+  const substationLayoutOptions = useMemo(() => {
+    return INTL_SUBSTATION_LAYOUT_OPTIONS;
+  }, []);
+  const labelPosition = (name, label) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(SwitchInput, { name: `${NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM}.${name}` }) })
+  ] });
+  const substationLineDropDown = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: SUBSTATION_LAYOUT }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+      MuiSelectInput,
+      {
+        fullWidth: true,
+        name: `${NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM}.${PARAM_SUBSTATION_LAYOUT}`,
+        size: "small",
+        options: Object.values(substationLayoutOptions)?.map((option) => option)
+      }
+    ) })
+  ] });
+  const componentLineDropDown = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, sx: parametersStyles.parameterName, children: /* @__PURE__ */ jsx(FormattedMessage, { id: COMPONENT_LIBRARY }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, sx: parametersStyles.controlItem, children: /* @__PURE__ */ jsx(
+      MuiSelectInput,
+      {
+        fullWidth: true,
+        name: `${NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM}.${PARAM_COMPONENT_LIBRARY}`,
+        size: "small",
+        options: Object.values(componentLibsRenderCache)?.map((option) => {
+          return { id: option, label: option };
+        })
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 1,
+      sx: parametersStyles.scrollableGrid,
+      marginTop: -3,
+      justifyContent: "space-between",
+      children: [
+        labelPosition(PARAM_DIAGONAL_LABEL, DIAGONAL_LABEL),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        labelPosition(PARAM_CENTER_LABEL, CENTER_LABEL),
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        substationLineDropDown,
+        /* @__PURE__ */ jsx(LineSeparator, {}),
+        componentLineDropDown
+      ]
+    },
+    "singleLineDiagramParameters"
+  );
+}
+export {
+  SingleLineDiagramParameters
+};

package/dist/features/parameters/network-visualizations/use-network-visualizations-parameters-form.js

@@ -0,0 +1,155 @@
+import { useForm } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useState, useCallback, useMemo, useEffect } from "react";
+import "../../../utils/yupConfig.js";
+import "react/jsx-runtime";
+import "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../utils/conversionUtils.js";
+import { snackWithFallback } from "../../../utils/error.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import { updateParameter } from "../../../services/explore.js";
+import { setStudyNetworkVisualizationParameters } from "../../../services/study.js";
+import { getNetworkVisualizationsParameters } from "../../../services/study-config.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import * as yup from "yup";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { DESCRIPTION, NAME } from "../../../components/ui/reactHookForm/constants.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 "@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 { NetworkVisualizationTabValues, PARAM_NAD_POSITIONS_GENERATION_MODE, PARAM_COMPONENT_LIBRARY, PARAM_SUBSTATION_LAYOUT, PARAM_CENTER_LABEL, PARAM_DIAGONAL_LABEL, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_LINE_FLOW_MODE, PARAM_LINE_PARALLEL_PATH, PARAM_LINE_FULL_PATH } from "./constants.js";
+import "../../../components/composite/filter/HeaderFilterForm.js";
+import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
+const useNetworkVisualizationParametersForm = ({
+  parametersUuid,
+  name,
+  description,
+  studyUuid,
+  parameters
+}) => {
+  const [selectedTab, setSelectedTab] = useState(NetworkVisualizationTabValues.MAP);
+  const [paramsLoading, setParamsLoading] = useState(false);
+  const { snackError } = useSnackMessage();
+  const handleTabChange = useCallback((event, newValue) => {
+    setSelectedTab(newValue);
+  }, []);
+  const formSchema = useMemo(() => {
+    return yup.object({
+      [NetworkVisualizationTabValues.MAP]: yup.object().shape({
+        [PARAM_LINE_FULL_PATH]: yup.boolean(),
+        [PARAM_LINE_PARALLEL_PATH]: yup.boolean(),
+        [PARAM_LINE_FLOW_MODE]: yup.string(),
+        [PARAM_MAP_MANUAL_REFRESH]: yup.boolean(),
+        [PARAM_MAP_BASEMAP]: yup.string()
+      }),
+      [NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM]: yup.object().shape({
+        [PARAM_DIAGONAL_LABEL]: yup.boolean(),
+        [PARAM_CENTER_LABEL]: yup.boolean(),
+        [PARAM_SUBSTATION_LAYOUT]: yup.string(),
+        [PARAM_COMPONENT_LIBRARY]: yup.string()
+      }),
+      [NetworkVisualizationTabValues.NETWORK_AREA_DIAGRAM]: yup.object().shape({
+        [PARAM_NAD_POSITIONS_GENERATION_MODE]: yup.string()
+      })
+    }).concat(getNameElementEditorSchema(name));
+  }, [name]);
+  const formMethods = useForm({
+    defaultValues: {
+      ...getNameElementEditorEmptyFormData(name, description),
+      [NetworkVisualizationTabValues.MAP]: {
+        [PARAM_LINE_FULL_PATH]: false,
+        [PARAM_LINE_PARALLEL_PATH]: false,
+        [PARAM_LINE_FLOW_MODE]: "",
+        [PARAM_MAP_MANUAL_REFRESH]: false,
+        [PARAM_MAP_BASEMAP]: ""
+      },
+      [NetworkVisualizationTabValues.SINGLE_LINE_DIAGRAM]: {
+        [PARAM_DIAGONAL_LABEL]: false,
+        [PARAM_CENTER_LABEL]: false,
+        [PARAM_SUBSTATION_LAYOUT]: "",
+        [PARAM_COMPONENT_LIBRARY]: ""
+      },
+      [NetworkVisualizationTabValues.NETWORK_AREA_DIAGRAM]: {
+        [PARAM_NAD_POSITIONS_GENERATION_MODE]: ""
+      }
+    },
+    resolver: yupResolver(formSchema)
+  });
+  const { reset } = formMethods;
+  const onSaveInline = useCallback(
+    (formData) => {
+      if (studyUuid) {
+        setStudyNetworkVisualizationParameters(studyUuid, formData).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "updateNetworkVisualizationsParametersError" });
+        });
+      }
+    },
+    [snackError, studyUuid]
+  );
+  const onSaveDialog = useCallback(
+    (formData) => {
+      if (parametersUuid) {
+        updateParameter(
+          parametersUuid,
+          formData,
+          formData[NAME],
+          ElementType.NETWORK_VISUALIZATIONS_PARAMETERS,
+          formData[DESCRIPTION] ?? ""
+        ).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "updateNetworkVisualizationsParametersError" });
+        });
+      }
+    },
+    [parametersUuid, snackError]
+  );
+  useEffect(() => {
+    if (parametersUuid) {
+      const timer = setTimeout(() => {
+        setParamsLoading(true);
+      }, 700);
+      getNetworkVisualizationsParameters(parametersUuid).then((params) => {
+        reset(params);
+      }).catch((error) => {
+        snackWithFallback(snackError, error, { headerId: "getNetworkVisualizationsParametersError" });
+      }).finally(() => {
+        clearTimeout(timer);
+        setParamsLoading(false);
+      });
+    }
+  }, [parametersUuid, reset, snackError]);
+  useEffect(() => {
+    if (parameters) {
+      reset(parameters);
+    }
+  }, [parameters, reset]);
+  return {
+    formMethods,
+    formSchema,
+    selectedTab,
+    handleTabChange,
+    paramsLoading,
+    onSaveInline,
+    onSaveDialog
+  };
+};
+export {
+  useNetworkVisualizationParametersForm
+};

package/dist/features/parameters/pcc-min/pcc-min-form-utils.js

@@ -0,0 +1,59 @@
+import { FILTERS, ID, FILTER_NAME, FILTER_ID } from "../../../utils/constants/filterConstant.js";
+import "react/jsx-runtime";
+import "@mui/material";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/types/equipmentType.js";
+import "../../../utils/yupConfig.js";
+import "react";
+import "react-hook-form";
+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 { NAME } from "../../../components/ui/reactHookForm/constants.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 "@hello-pangea/dnd";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+const fromPccMinParametersFormToParamValuesEnriched = (newParams) => ({
+  filters: newParams[FILTERS]?.map((filter) => ({
+    filterId: filter[ID],
+    filterName: filter[NAME]
+  })) ?? []
+});
+const fromPccMinParametersFormToParamValues = (newParams) => ({
+  filters: newParams[FILTERS]?.map((filter) => filter[ID]) ?? []
+});
+const fromPccMinParamsDataToFormValues = (parameters) => ({
+  [FILTERS]: parameters?.[FILTERS]?.map((filter) => ({
+    [ID]: filter[FILTER_ID],
+    [NAME]: filter[FILTER_NAME]
+  })) ?? []
+});
+const fromStudyPccMinParamsDataToFormValues = (parameters) => ({
+  [FILTERS]: parameters?.[FILTERS]?.map((filter) => ({
+    [ID]: filter[FILTER_ID],
+    [NAME]: filter[FILTER_NAME]
+  })) ?? []
+});
+export {
+  fromPccMinParametersFormToParamValues,
+  fromPccMinParametersFormToParamValuesEnriched,
+  fromPccMinParamsDataToFormValues,
+  fromStudyPccMinParamsDataToFormValues
+};

package/dist/features/parameters/pcc-min/pcc-min-parameters-dialog.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import { CustomMuiDialog } from "../../../components/ui/dialogs/customMuiDialog/CustomMuiDialog.js";
+import "../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
+import "../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../../utils/yupConfig.js";
+import "react";
+import "@mui/material";
+import "react-intl";
+import "react-hook-form";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "@hello-pangea/dnd";
+import "../../../components/ui/overflowableText/OverflowableText.js";
+import { NameElementEditorForm } from "../common/name-element-editor/name-element-editor-form.js";
+import "../../../components/ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+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/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import { UsePccMinParametersForm } from "./use-pcc-min-parameters-form.js";
+import { PccMinParametersForm } from "./pcc-min-parameters-form.js";
+function PccMinParametersEditionDialog({
+  id,
+  open,
+  onClose,
+  titleId,
+  name,
+  description,
+  activeDirectory,
+  language
+}) {
+  const pccMinMethods = UsePccMinParametersForm({
+    parametersUuid: id,
+    name,
+    description,
+    studyUuid: null,
+    parameters: null
+  });
+  const {
+    formState: { errors, dirtyFields }
+  } = pccMinMethods.formMethods;
+  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: pccMinMethods.onSaveDialog,
+      formContext: {
+        ...pccMinMethods.formMethods,
+        validationSchema: pccMinMethods.formSchema,
+        removeOptional: true,
+        language
+      },
+      titleId,
+      disabledSave: disableSave,
+      PaperProps: {
+        sx: {
+          height: "90vh"
+          // we want the dialog height to be fixed even when switching tabs
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        PccMinParametersForm,
+        {
+          pccMinMethods,
+          renderTitleFields: () => {
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.PCC_MIN_PARAMETERS
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  PccMinParametersEditionDialog
+};