@gridsuite/commons-ui 0.213.0 → 0.215.0

package/dist/components/parameters/dynamic-simulation/curve/dialog/equipment-filter.js

@@ -1,239 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Typography, Select, MenuItem, Box } from "@mui/material";
-import { useIntl, FormattedMessage } from "react-intl";
-import { forwardRef, useState, useRef, useCallback, useEffect, useMemo, useImperativeHandle } from "react";
-import { buildExpertFilter, CURVE_EQUIPMENT_TYPES, NOMINAL_VOLTAGE_UNIT } from "./curve-selector-utils.js";
-import { AGGRID_LOCALES } from "../../../../../translations/not-intl/aggrid-locales.js";
-import { useLocalizedCountries } from "../../../../../hooks/useLocalizedCountries.js";
-import { CheckboxAutocomplete } from "../../../../inputs/checkbox-autocomplete/checkbox-autocomplete.js";
-import { CustomAGGrid } from "../../../../customAGGrid/customAggrid.js";
-import "../../../../../utils/conversionUtils.js";
-import { snackWithFallback } from "../../../../../utils/error.js";
-import "../../../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../../../utils/yupConfig.js";
-import { useSnackMessage } from "../../../../../hooks/useSnackMessage.js";
-const styles = {
-  grid: {
-    width: "100%",
-    height: "100%"
-  },
-  criteria: {
-    width: "100%",
-    height: "56px"
-  },
-  equipment: {
-    width: "100%",
-    flexGrow: 1
-  },
-  equipmentTitle: (theme) => ({
-    marginBottom: theme.spacing(1)
-  })
-};
-const EquipmentFilter = forwardRef(
-  ({
-    equipmentType: initialEquipmentType,
-    onChangeEquipmentType,
-    voltageLevelsFetcher,
-    countriesFetcher,
-    evaluateFilterFetcher
-  }, ref) => {
-    const { snackError } = useSnackMessage();
-    const [gridReady, setGridReady] = useState(false);
-    const [isFetching, setIsFetching] = useState();
-    const intl = useIntl();
-    const [equipmentRowData, setEquipmentRowData] = useState();
-    const equipmentsRef = useRef(null);
-    const [equipmentType, setEquipmentType] = useState(initialEquipmentType);
-    const handleEquipmentTypeChange = useCallback(
-      (event) => {
-        const selectedEquipmentType = event.target.value;
-        setEquipmentType(selectedEquipmentType);
-        onChangeEquipmentType(selectedEquipmentType);
-      },
-      [onChangeEquipmentType]
-    );
-    const [voltageLevelsMap, setVoltageLevelsMap] = useState(/* @__PURE__ */ new Map());
-    const [voltageLevelIds, setVoltageLevelIds] = useState([]);
-    const [selectedVoltageLevelIds, setSelectedVoltageLevelIds] = useState([]);
-    const [nominalVoltages, setNominalVoltages] = useState([]);
-    const [selectedNominalVoltages, setSelectedNominalVoltages] = useState([]);
-    const [countries, setCountries] = useState([]);
-    const [selectedCountries, setSelectedCountries] = useState([]);
-    const { translate } = useLocalizedCountries(intl.locale);
-    useEffect(() => {
-      voltageLevelsFetcher?.().then((voltageLevels) => {
-        const vlMap = /* @__PURE__ */ new Map();
-        const nvSet = /* @__PURE__ */ new Set();
-        voltageLevels.forEach((vl) => {
-          vlMap.set(vl.id, vl.name);
-          nvSet.add(vl.nominalV);
-        });
-        setVoltageLevelsMap(vlMap);
-        setNominalVoltages([...nvSet.values()].sort((nv1, nv2) => nv1 - nv2));
-        setVoltageLevelIds([...vlMap.keys()]);
-      }).catch((error) => {
-        snackWithFallback(snackError, error, { headerId: "FetchVoltageLevelsError" });
-      });
-      countriesFetcher?.().then((countryCodes) => setCountries(countryCodes)).catch((error) => {
-        snackWithFallback(snackError, error, { headerId: "FetchCountryError" });
-      });
-    }, [voltageLevelsFetcher, countriesFetcher, snackError]);
-    const expertFilter = useMemo(() => {
-      return buildExpertFilter(
-        equipmentType,
-        selectedVoltageLevelIds,
-        selectedCountries,
-        selectedNominalVoltages
-      );
-    }, [equipmentType, selectedVoltageLevelIds, selectedCountries, selectedNominalVoltages]);
-    const [selectedRowsLength, setSelectedRowsLength] = useState(0);
-    useEffect(() => {
-      let ignore = false;
-      if (gridReady && evaluateFilterFetcher) {
-        setIsFetching(true);
-        setEquipmentRowData([]);
-        setSelectedRowsLength(0);
-        evaluateFilterFetcher(expertFilter).then((equipments) => {
-          if (!ignore) {
-            setEquipmentRowData(equipments);
-          }
-        }).catch((error) => {
-          if (!ignore) {
-            snackWithFallback(snackError, error, { headerId: "FilterEvaluationError" });
-          }
-        }).finally(() => {
-          if (!ignore) {
-            setIsFetching(false);
-          }
-        });
-      }
-      return () => {
-        ignore = true;
-      };
-    }, [evaluateFilterFetcher, expertFilter, gridReady, snackError]);
-    const columnDefs = useMemo(() => {
-      return [
-        {
-          field: "id",
-          checkboxSelection: true,
-          headerCheckboxSelection: true,
-          headerCheckboxSelectionFilteredOnly: true,
-          minWidth: 80,
-          headerName: intl.formatMessage({
-            id: "DynamicSimulationCurveDynamicModelHeader"
-          })
-        }
-      ];
-    }, [intl]);
-    const defaultColDef = useMemo(() => {
-      return {
-        flex: 1,
-        minWidth: 100,
-        filter: true,
-        sortable: true,
-        resizable: true,
-        lockPinned: true,
-        wrapHeaderText: true,
-        autoHeaderHeight: true
-      };
-    }, []);
-    const onGridReady = useCallback(() => {
-      setGridReady(true);
-    }, []);
-    const handleEquipmentSelectionChanged = useCallback(() => {
-      const selectedRows = equipmentsRef.current?.api.getSelectedRows();
-      setSelectedRowsLength(selectedRows?.length ?? 0);
-    }, []);
-    useImperativeHandle(
-      ref,
-      () => ({
-        getSelectedEquipments: () => {
-          return equipmentsRef.current?.api.getSelectedRows() ?? [];
-        }
-      }),
-      []
-    );
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: styles.criteria, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveEquipmentType" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(
-          Select,
-          {
-            labelId: "DynamicSimulationCurveEquipmentType",
-            value: equipmentType,
-            onChange: handleEquipmentTypeChange,
-            size: "small",
-            sx: { width: "100%" },
-            children: CURVE_EQUIPMENT_TYPES.map((type) => /* @__PURE__ */ jsx(MenuItem, { value: type, children: intl.formatMessage({ id: type }) }, type))
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: styles.criteria, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurvePost" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(
-          CheckboxAutocomplete,
-          {
-            id: "voltage-level",
-            virtualize: true,
-            maxSelection: 10,
-            options: voltageLevelIds,
-            value: selectedVoltageLevelIds,
-            getOptionLabel: (value) => voltageLevelsMap.get(value) ?? value,
-            onChange: setSelectedVoltageLevelIds
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: styles.criteria, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveCountry" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(
-          CheckboxAutocomplete,
-          {
-            id: "country",
-            options: countries,
-            value: selectedCountries,
-            getOptionLabel: (value) => translate(value),
-            onChange: setSelectedCountries
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: styles.criteria, children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveTension" }) }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 8, children: /* @__PURE__ */ jsx(
-          CheckboxAutocomplete,
-          {
-            id: "nominal-voltage",
-            options: nominalVoltages,
-            value: selectedNominalVoltages,
-            getOptionLabel: (value) => `${value} ${NOMINAL_VOLTAGE_UNIT}`,
-            onChange: setSelectedNominalVoltages
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { item: true, container: true, sx: styles.equipment, direction: "column", children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { sx: styles.equipmentTitle, variant: "subtitle1", children: [
-          /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurveEquipment" }),
-          ` (${selectedRowsLength} / ${equipmentRowData?.length ?? 0})`
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(Box, { sx: styles.grid, children: /* @__PURE__ */ jsx(
-          CustomAGGrid,
-          {
-            ref: equipmentsRef,
-            rowData: equipmentRowData,
-            columnDefs,
-            defaultColDef,
-            rowSelection: "multiple",
-            onGridReady,
-            onSelectionChanged: handleEquipmentSelectionChanged,
-            loading: isFetching,
-            overlayLoadingTemplate: intl.formatMessage({ id: "LoadingRemoteData" }),
-            overrideLocales: AGGRID_LOCALES
-          }
-        ) }) })
-      ] })
-    ] });
-  }
-);
-export {
-  EquipmentFilter as default
-};

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-inline.d.ts

@@ -1,15 +0,0 @@
-import { UUID } from 'node:crypto';
-import { VoltageLevelInfos } from '../../../utils';
-import { UseParametersBackendReturnProps } from '../../../utils/types/parameters.type';
-import { ComputingType } from '../common';
-import { ExpertFilter, IdentifiableAttributes } from '../../filter';
-type DynamicSimulationInlineProps = {
-    studyUuid: UUID | null;
-    parametersBackend: UseParametersBackendReturnProps<ComputingType.DYNAMIC_SIMULATION>;
-    setHaveDirtyFields: (isDirty: boolean) => void;
-    voltageLevelsFetcher: () => Promise<VoltageLevelInfos[]>;
-    countriesFetcher: () => Promise<string[]>;
-    evaluateFilterFetcher: (filter: ExpertFilter) => Promise<IdentifiableAttributes[]>;
-};
-export declare function DynamicSimulationInline({ studyUuid, parametersBackend, setHaveDirtyFields, voltageLevelsFetcher, countriesFetcher, evaluateFilterFetcher, }: Readonly<DynamicSimulationInlineProps>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-inline.js

@@ -1,194 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useIntl, FormattedMessage } from "react-intl";
-import { useState, useCallback, useEffect } from "react";
-import { Grid } from "@mui/material";
-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 { mergeSx } from "../../../utils/styles.js";
-import "../../../utils/yupConfig.js";
-import { LabelledButton } from "../common/parameters.js";
-import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
-import { parametersStyles } from "../parameters-style.js";
-import "../../overflowableText/OverflowableText.js";
-import "react-hook-form";
-import { fetchDynamicSimulationParameters } from "../../../services/dynamic-simulation.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import { CustomFormProvider } from "../../inputs/reactHookForm/provider/CustomFormProvider.js";
-import { SubmitButton } from "../../inputs/reactHookForm/utils/SubmitButton.js";
-import "yup";
-import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
-import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import "../../inputs/reactHookForm/numbers/RangeInput.js";
-import { PopupConfirmationDialog } from "../../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 "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
-import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
-import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import "../common/widget/parameter-line-slider.js";
-import "../common/limitreductions/columns-definitions.js";
-import "react-dom";
-import "@hello-pangea/dnd";
-import "../common/contingency-table/columns-definitions.js";
-import "@hookform/resolvers/yup";
-import "../../filter/HeaderFilterForm.js";
-import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
-import { useDynamicSimulationParametersForm, toParamsInfos, toFormValues } from "./use-dynamic-simulation-parameters-form.js";
-import { DynamicSimulationForm } from "./dynamic-simulation-parameters-form.js";
-import useDefaultParams from "./hook/use-default-params.js";
-function DynamicSimulationInline({
-  studyUuid,
-  parametersBackend,
-  setHaveDirtyFields,
-  voltageLevelsFetcher,
-  countriesFetcher,
-  evaluateFilterFetcher
-}) {
-  const { providers, params, updateParameters, resetParameters } = parametersBackend;
-  const dynamicSimulationMethods = useDynamicSimulationParametersForm({
-    providers,
-    params,
-    name: null,
-    description: null
-  });
-  const intl = useIntl();
-  const { snackError } = useSnackMessage();
-  const { getDefaultParams, setDefaultParams } = useDefaultParams(params);
-  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
-  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
-  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
-  const { formSchema, formMethods } = dynamicSimulationMethods;
-  const { reset, handleSubmit, getValues, formState } = formMethods;
-  const handleResetClick = useCallback(() => {
-    setOpenResetConfirmation(true);
-  }, []);
-  const handleCancelReset = useCallback(() => {
-    setOpenResetConfirmation(false);
-  }, []);
-  const handleReset = useCallback(() => {
-    resetParameters();
-    setOpenResetConfirmation(false);
-  }, [resetParameters]);
-  const onSubmit = useCallback(
-    (formData) => {
-      updateParameters(toParamsInfos(formData, getDefaultParams()));
-    },
-    [updateParameters, getDefaultParams]
-  );
-  const handleLoadParameter = useCallback(
-    (newParams) => {
-      if (newParams?.length) {
-        setOpenSelectParameterDialog(false);
-        const parametersUuid = newParams[0].id;
-        fetchDynamicSimulationParameters(parametersUuid).then((_params) => {
-          reset(toFormValues(_params), {
-            keepDefaultValues: true
-          });
-          setDefaultParams(_params);
-        }).catch((error) => {
-          snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
-        });
-      }
-      setOpenSelectParameterDialog(false);
-    },
-    [reset, setDefaultParams, snackError]
-  );
-  useEffect(() => {
-    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
-  }, [formState, setHaveDirtyFields]);
-  const renderActions = (onSubmitError) => {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          sx: mergeSx(parametersStyles.controlParametersItem, {
-            paddingTop: 1,
-            paddingBottom: 2,
-            paddingLeft: 0
-          }),
-          children: [
-            /* @__PURE__ */ jsx(
-              LabelledButton,
-              {
-                disabled: true,
-                callback: () => setOpenSelectParameterDialog(true),
-                label: "settings.button.chooseSettings"
-              }
-            ),
-            /* @__PURE__ */ jsx(LabelledButton, { disabled: true, callback: () => setOpenCreateParameterDialog(true), label: "save" }),
-            /* @__PURE__ */ jsx(LabelledButton, { callback: handleResetClick, label: "resetToDefault" }),
-            /* @__PURE__ */ jsx(SubmitButton, { variant: "outlined", onClick: handleSubmit(onSubmit, onSubmitError), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) })
-          ]
-        }
-      ) }),
-      openCreateParameterDialog && /* @__PURE__ */ jsx(
-        CreateParameterDialog,
-        {
-          studyUuid,
-          open: openCreateParameterDialog,
-          onClose: () => setOpenCreateParameterDialog(false),
-          parameterValues: getValues,
-          parameterFormatter: (formData) => toParamsInfos(formData, getDefaultParams()),
-          parameterType: ElementType.DYNAMIC_SIMULATION_PARAMETERS
-        }
-      ),
-      openSelectParameterDialog && /* @__PURE__ */ jsx(
-        DirectoryItemSelector,
-        {
-          open: openSelectParameterDialog,
-          onClose: handleLoadParameter,
-          types: [ElementType.DYNAMIC_SIMULATION_PARAMETERS],
-          title: intl.formatMessage({
-            id: "showSelectParameterDialog"
-          }),
-          onlyLeaves: true,
-          multiSelect: false,
-          validationButtonText: intl.formatMessage({
-            id: "validate"
-          })
-        }
-      ),
-      openResetConfirmation && /* @__PURE__ */ jsx(
-        PopupConfirmationDialog,
-        {
-          message: "resetParamsConfirmation",
-          validateButtonLabel: "validate",
-          openConfirmationPopup: openResetConfirmation,
-          setOpenConfirmationPopup: handleCancelReset,
-          handlePopupConfirmation: handleReset
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, children: /* @__PURE__ */ jsx(
-    DynamicSimulationForm,
-    {
-      dynamicSimulationMethods,
-      renderActions,
-      voltageLevelsFetcher,
-      countriesFetcher,
-      evaluateFilterFetcher
-    }
-  ) });
-}
-export {
-  DynamicSimulationInline
-};

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-parameters-form.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { FieldErrors } from 'react-hook-form';
-import { VoltageLevelInfos } from '../../../utils/types/equipmentType';
-import { ExpertFilter, IdentifiableAttributes } from '../../filter';
-import { UseComputationParametersFormReturn } from '../common/utils';
-type DynamicSimulationFormProps = {
-    dynamicSimulationMethods: UseComputationParametersFormReturn;
-    renderTitleFields?: () => ReactNode;
-    renderActions?: (onSubmitError: (errors: FieldErrors) => void) => ReactNode;
-    voltageLevelsFetcher?: () => Promise<VoltageLevelInfos[]>;
-    countriesFetcher?: () => Promise<string[]>;
-    evaluateFilterFetcher?: (filter: ExpertFilter) => Promise<IdentifiableAttributes[]>;
-};
-export declare function DynamicSimulationForm({ dynamicSimulationMethods, renderTitleFields, renderActions, voltageLevelsFetcher, countriesFetcher, evaluateFilterFetcher, }: Readonly<DynamicSimulationFormProps>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/parameters/dynamic-simulation/dynamic-simulation-parameters-form.js

@@ -1,156 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Grid, Tabs, Tab, LinearProgress } from "@mui/material";
-import { FormattedMessage } from "react-intl";
-import { TabPanel } from "../common/parameters.js";
-import "react";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import { mergeSx } from "../../../utils/styles.js";
-import "../../../utils/yupConfig.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-import "react-hook-form";
-import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
-import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
-import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../treeViewFinder/TreeViewFinder.js";
-import { ProviderParam } from "../common/ProviderParam.js";
-import "../../overflowableText/OverflowableText.js";
-import "yup";
-import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
-import "../../customAGGrid/customAggrid.js";
-import "ag-grid-community";
-import "react-papaparse";
-import "react-csv-downloader";
-import "../../inputs/reactHookForm/numbers/RangeInput.js";
-import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
-import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
-import "@material-symbols/svg-400/outlined/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 "../../inputs/reactHookForm/expandableInput/ExpandableInput.js";
-import "@react-querybuilder/material";
-import "../../filter/expert/expertFilterConstants.js";
-import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
-import "uuid";
-import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
-import "react-querybuilder";
-import { getTabStyle, parametersStyles } from "../parameters-style.js";
-import "../common/widget/parameter-line-slider.js";
-import "../common/limitreductions/columns-definitions.js";
-import "react-dom";
-import "@hello-pangea/dnd";
-import "../common/contingency-table/columns-definitions.js";
-import { useTabs } from "../common/hook/use-tabs.js";
-import "@hookform/resolvers/yup";
-import "../../filter/HeaderFilterForm.js";
-import { TabValues } from "./dynamic-simulation.type.js";
-import "./time-delay/time-delay-parameters-utils.js";
-import { TimeDelayParameters } from "./time-delay/time-delay-parameters.js";
-import "./solver/solver-parameters-utils.js";
-import { SolverParameters } from "./solver/solver-parameters.js";
-import { MAPPING } from "./mapping/mapping-parameters-constants.js";
-import "./mapping/mapping-parameters-utils.js";
-import { MappingParameters } from "./mapping/mapping-parameters.js";
-import "./network/network-parameters-utils.js";
-import { NetworkParameters } from "./network/network-parameters.js";
-import CurveParameters from "./curve/curve-parameters.js";
-function DynamicSimulationForm({
-  dynamicSimulationMethods,
-  renderTitleFields,
-  renderActions,
-  // fetchers for curve parameters
-  voltageLevelsFetcher,
-  countriesFetcher,
-  evaluateFilterFetcher
-}) {
-  const { paramsLoaded, formattedProviders } = dynamicSimulationMethods;
-  const { selectedTab, tabsWithError, onTabChange, onError } = useTabs({
-    defaultTab: TabValues.TAB_TIME_DELAY,
-    tabEnum: TabValues
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderTitleFields?.(),
-    paramsLoaded ? /* @__PURE__ */ jsxs(Grid, { container: true, sx: { height: "100%" }, direction: "column", children: [
-      /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(ProviderParam, { options: formattedProviders }) }),
-      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, variant: "scrollable", onChange: onTabChange, "aria-label": "parameters", children: [
-        /* @__PURE__ */ jsx(
-          Tab,
-          {
-            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationTimeDelay" }),
-            value: TabValues.TAB_TIME_DELAY,
-            sx: getTabStyle(tabsWithError, TabValues.TAB_TIME_DELAY)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tab,
-          {
-            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationSolver" }),
-            value: TabValues.TAB_SOLVER,
-            sx: getTabStyle(tabsWithError, TabValues.TAB_SOLVER)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tab,
-          {
-            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationMapping" }),
-            value: TabValues.TAB_MAPPING,
-            sx: getTabStyle(tabsWithError, TabValues.TAB_MAPPING)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tab,
-          {
-            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationNetwork" }),
-            value: TabValues.TAB_NETWORK,
-            sx: getTabStyle(tabsWithError, TabValues.TAB_NETWORK)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Tab,
-          {
-            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "DynamicSimulationCurve" }),
-            value: TabValues.TAB_CURVE,
-            sx: getTabStyle(tabsWithError, TabValues.TAB_CURVE)
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs(
-        Grid,
-        {
-          container: true,
-          item: true,
-          xs: true,
-          sx: mergeSx(parametersStyles.scrollableGrid, {
-            paddingTop: 0,
-            width: "100%"
-          }),
-          children: [
-            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_TIME_DELAY, children: /* @__PURE__ */ jsx(TimeDelayParameters, { path: TabValues.TAB_TIME_DELAY }) }),
-            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_SOLVER, children: /* @__PURE__ */ jsx(SolverParameters, { path: TabValues.TAB_SOLVER }) }),
-            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_MAPPING, children: /* @__PURE__ */ jsx(MappingParameters, { path: TabValues.TAB_MAPPING }) }),
-            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_NETWORK, children: /* @__PURE__ */ jsx(NetworkParameters, { path: TabValues.TAB_NETWORK }) }),
-            /* @__PURE__ */ jsx(TabPanel, { value: selectedTab, index: TabValues.TAB_CURVE, children: /* @__PURE__ */ jsx(
-              CurveParameters,
-              {
-                path: TabValues.TAB_CURVE,
-                mappingPath: `${TabValues.TAB_MAPPING}.${MAPPING}`,
-                voltageLevelsFetcher,
-                countriesFetcher,
-                evaluateFilterFetcher
-              }
-            ) })
-          ]
-        },
-        "dsParameters"
-      ),
-      renderActions?.(onError)
-    ] }) : /* @__PURE__ */ jsx(LinearProgress, {})
-  ] });
-}
-export {
-  DynamicSimulationForm
-};