@gridsuite/commons-ui 0.214.0 → 0.215.0

package/dist/features/parameters/short-circuit/short-circuit-icc-cluster-table-row.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TableRow, TableCell, IconButton } from "@mui/material";
+import { Delete } from "@mui/icons-material";
+import { useWatch } from "react-hook-form";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { SHORT_CIRCUIT_ICC_CLUSTER_ACTIVE } from "./columns-definition.js";
+import { ShortCircuitIccClusterTableCell } from "./short-circuit-icc-cluster-table-cell.js";
+function ShortCircuitIccClusterTableRow({
+  formName,
+  columnsDefinition,
+  index,
+  onDeleteButton
+}) {
+  const [isHover, setIsHover] = useState(false);
+  const watchRowActive = useWatch({
+    name: `${formName}[${index}].${SHORT_CIRCUIT_ICC_CLUSTER_ACTIVE}`
+  });
+  return /* @__PURE__ */ jsxs(TableRow, { onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), children: [
+    columnsDefinition.map((column) => /* @__PURE__ */ jsx(
+      ShortCircuitIccClusterTableCell,
+      {
+        formName,
+        rowIndex: index,
+        column,
+        inputsDisabled: !watchRowActive
+      },
+      `${column.dataKey}`
+    )),
+    /* @__PURE__ */ jsx(TableCell, { align: "center", children: isHover && /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "DeleteRows" }), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onDeleteButton(index), children: /* @__PURE__ */ jsx(Delete, { fontSize: "small" }) }) }) })
+  ] });
+}
+export {
+  ShortCircuitIccClusterTableRow
+};

package/dist/features/parameters/short-circuit/short-circuit-icc-cluster-table.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableContainer, Table, TableHead, TableRow, TableCell, IconButton, TableBody } from "@mui/material";
+import { AddCircle } from "@mui/icons-material";
+import { useFieldArray } from "react-hook-form";
+import { FormattedMessage } from "react-intl";
+import { useCallback } from "react";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { ShortCircuitIccClusterTableRow } from "./short-circuit-icc-cluster-table-row.js";
+const styles = {
+  tableContainer: (theme) => ({
+    width: "100%",
+    border: "solid 0px rgba(0,0,0,0.1)",
+    marginBottom: theme.spacing(2)
+  }),
+  table: {
+    minWidth: "65em",
+    tableLayout: "fixed"
+  }
+};
+function ShortCircuitIccClusterTable({
+  formName,
+  columnsDefinition,
+  createRows
+}) {
+  const {
+    fields: rows,
+    append,
+    remove
+  } = useFieldArray({
+    name: formName
+  });
+  const handleAddRowsButton = useCallback(() => {
+    append(createRows());
+  }, [append, createRows]);
+  const handleDeleteButton = useCallback(
+    (index) => {
+      remove(index);
+    },
+    [remove]
+  );
+  return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: "5%" }, children: /* @__PURE__ */ jsx(CustomTooltip, { title: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRows" }), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: false, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, { fontSize: "small" }) }) }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(
+      ShortCircuitIccClusterTableRow,
+      {
+        columnsDefinition,
+        index,
+        formName,
+        onDeleteButton: handleDeleteButton
+      },
+      `${row.id}`
+    )) })
+  ] }) });
+}
+export {
+  ShortCircuitIccClusterTable
+};

package/dist/features/parameters/short-circuit/short-circuit-icc-material-table-cell.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TableCell } from "@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 { RawReadOnlyInput } from "../../../components/ui/reactHookForm/RawReadOnlyInput.js";
+import "../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import { SwitchInput } from "../../../components/ui/reactHookForm/booleans/SwitchInput.js";
+import { FloatInput } from "../../../components/ui/reactHookForm/numbers/FloatInput.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 { SHORT_CIRCUIT_ICC_MATERIAL_ACTIVE, SHORT_CIRCUIT_ICC_MATERIAL_TYPE } from "./columns-definition.js";
+function ShortCircuitIccMaterialTableCell({
+  formName,
+  rowIndex,
+  column,
+  inputsDisabled
+}) {
+  return /* @__PURE__ */ jsxs(TableCell, { align: "center", sx: { fontWeight: "bold" }, children: [
+    column.dataKey === SHORT_CIRCUIT_ICC_MATERIAL_ACTIVE && /* @__PURE__ */ jsx(SwitchInput, { formProps: { size: "small" }, name: `${formName}[${rowIndex}].${column.dataKey}` }),
+    column.dataKey === SHORT_CIRCUIT_ICC_MATERIAL_TYPE && /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${formName}[${rowIndex}].${column.dataKey}` }),
+    column.dataKey !== SHORT_CIRCUIT_ICC_MATERIAL_TYPE && column.dataKey !== SHORT_CIRCUIT_ICC_MATERIAL_ACTIVE && /* @__PURE__ */ jsx(FloatInput, { disabled: inputsDisabled, name: `${formName}[${rowIndex}].${column.dataKey}` })
+  ] });
+}
+export {
+  ShortCircuitIccMaterialTableCell
+};

package/dist/features/parameters/short-circuit/short-circuit-icc-material-table.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
+import { useFieldArray } from "react-hook-form";
+import { CustomTooltip } from "../../../components/ui/tooltip/CustomTooltip.js";
+import { ShortCircuitIccMaterialTableRow } from "./short-circuit-icc-material-table-row.js";
+const styles = {
+  tableContainer: (theme) => ({
+    width: "100%",
+    border: "solid 0px rgba(0,0,0,0.1)",
+    marginBottom: theme.spacing(4),
+    marginTop: theme.spacing(4)
+  }),
+  table: {
+    minWidth: "65em",
+    tableLayout: "fixed"
+  }
+};
+function ShortCircuitIccMaterialTable({
+  formName,
+  columnsDefinition
+}) {
+  const { fields: rows } = useFieldArray({
+    name: formName
+  });
+  return /* @__PURE__ */ jsx(TableContainer, { sx: styles.tableContainer, children: /* @__PURE__ */ jsxs(Table, { stickyHeader: true, size: "small", sx: styles.table, children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(CustomTooltip, { title: column.tooltip, children: /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { width: column.width }, children: column.label }) }, column.dataKey)),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", sx: { visibility: "hidden", width: "5%" } })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: rows.map((row, index) => /* @__PURE__ */ jsx(
+      ShortCircuitIccMaterialTableRow,
+      {
+        columnsDefinition,
+        index,
+        formName
+      },
+      `${row.id}`
+    )) })
+  ] }) });
+}
+export {
+  ShortCircuitIccMaterialTable
+};

package/dist/features/parameters/short-circuit/short-circuit-parameters-content.js

@@ -0,0 +1,104 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { Grid, Tabs, Tab, Box } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { getTabStyle, parametersStyles } from "../parameters-style.js";
+import { ShortCircuitParametersTabValues } from "./short-circuit-parameters-utils.js";
+import { ShortCircuitGeneralTabPanel } from "./short-circuit-general-tab-panel.js";
+import { ShortCircuitStudyAreaTabPanel } from "./short-circuit-study-area-tab-panel.js";
+import { ShortCircuitPowerElectronicsTabPanel } from "./short-circuit-power-electronics-tab-panel.js";
+import { SPECIFIC_PARAMETERS } from "../common/constants.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 "../../../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 "../../../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 "../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";
+const styles = {
+  container: {
+    ...parametersStyles.scrollableGrid,
+    maxHeight: "100%"
+  },
+  maxWidth: {
+    width: "100%"
+  },
+  wrapper: {
+    flexGrow: 1,
+    overflow: "auto",
+    paddingLeft: 1
+  }
+};
+function ShortCircuitParametersContent({ shortCircuitMethods }) {
+  const { resetAll, selectedTab, handleTabChange, tabIndexesWithError } = shortCircuitMethods;
+  const watchSpecificParameters = useWatch({
+    name: `${SPECIFIC_PARAMETERS}`
+  });
+  const isThereSpecificParameters = useMemo(
+    () => Object.keys(watchSpecificParameters).length > 0 && watchSpecificParameters.constructor === Object,
+    [watchSpecificParameters]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onChange: handleTabChange, children: [
+      /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.GENERAL }),
+          value: ShortCircuitParametersTabValues.GENERAL,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.GENERAL)
+        }
+      ),
+      isThereSpecificParameters && /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.STUDY_AREA }),
+          value: ShortCircuitParametersTabValues.STUDY_AREA,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.STUDY_AREA)
+        }
+      ),
+      isThereSpecificParameters && /* @__PURE__ */ jsx(
+        Tab,
+        {
+          label: /* @__PURE__ */ jsx(FormattedMessage, { id: ShortCircuitParametersTabValues.POWER_ELECTRONICS }),
+          value: ShortCircuitParametersTabValues.POWER_ELECTRONICS,
+          sx: getTabStyle(tabIndexesWithError, ShortCircuitParametersTabValues.POWER_ELECTRONICS)
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { sx: styles.wrapper, children: /* @__PURE__ */ jsx(Grid, { container: true, sx: styles.container, children: /* @__PURE__ */ jsxs(Grid, { item: true, sx: styles.maxWidth, children: [
+      /* @__PURE__ */ jsx(ShortCircuitGeneralTabPanel, { resetAll, value: selectedTab }),
+      isThereSpecificParameters && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ShortCircuitStudyAreaTabPanel, { value: selectedTab }),
+        /* @__PURE__ */ jsx(ShortCircuitPowerElectronicsTabPanel, { value: selectedTab })
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  ShortCircuitParametersContent as default
+};

package/dist/features/parameters/short-circuit/short-circuit-parameters-dialog.js

@@ -0,0 +1,107 @@
+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 { fetchShortCircuitParameters, updateShortCircuitParameters, getShortCircuitSpecificParametersDescription } from "../../../services/short-circuit-analysis.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 { useParametersBackend, OptionalServicesStatus } from "../../../hooks/use-parameters-backend.js";
+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 { useShortCircuitParametersForm } from "./use-short-circuit-parameters-form.js";
+import { ShortCircuitParametersForm } from "./short-circuit-parameters-form.js";
+import { ComputingType } from "../common/computing-type.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";
+function ShortCircuitParametersEditionDialog({
+  id,
+  open,
+  onClose,
+  titleId,
+  name,
+  description,
+  activeDirectory,
+  user,
+  language
+}) {
+  const parametersBackend = useParametersBackend(user, id, ComputingType.SHORT_CIRCUIT, OptionalServicesStatus.Up, {
+    backendFetchParameters: fetchShortCircuitParameters,
+    backendUpdateParameters: updateShortCircuitParameters,
+    backendFetchSpecificParametersDescription: getShortCircuitSpecificParametersDescription
+  });
+  const shortCircuitMethods = useShortCircuitParametersForm({
+    parametersBackend,
+    parametersUuid: id,
+    name,
+    description
+  });
+  const {
+    formState: { errors, dirtyFields }
+  } = shortCircuitMethods.formMethods;
+  const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+  return /* @__PURE__ */ jsx(
+    CustomMuiDialog,
+    {
+      open,
+      onClose,
+      onSave: shortCircuitMethods.onSaveDialog,
+      onValidationError: shortCircuitMethods.onValidationError,
+      formContext: {
+        ...shortCircuitMethods.formMethods,
+        validationSchema: shortCircuitMethods.formSchema,
+        removeOptional: true,
+        language
+      },
+      titleId,
+      disabledSave: disableSave,
+      maxWidth: "lg",
+      children: /* @__PURE__ */ jsx(
+        ShortCircuitParametersForm,
+        {
+          shortCircuitMethods,
+          renderTitleFields: () => {
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.SHORT_CIRCUIT_PARAMETERS
+              }
+            );
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  ShortCircuitParametersEditionDialog
+};

package/dist/features/parameters/short-circuit/short-circuit-parameters-form.js

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Grid, LinearProgress } from "@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 { CustomFormProvider } from "../../../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 "@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 { parametersStyles } from "../parameters-style.js";
+import ShortCircuitParametersContent from "./short-circuit-parameters-content.js";
+const styles = {
+  shortCircuitParameters: {
+    height: "100%",
+    display: "flex",
+    position: "relative",
+    flexDirection: "column"
+  }
+};
+function ShortCircuitParametersForm({
+  shortCircuitMethods,
+  renderTitleFields,
+  renderActions
+}) {
+  const { formMethods, formSchema, paramsLoaded } = shortCircuitMethods;
+  return /* @__PURE__ */ jsx(CustomFormProvider, { validationSchema: formSchema, ...formMethods, removeOptional: true, children: /* @__PURE__ */ jsxs(Box, { sx: styles.shortCircuitParameters, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, direction: "column", children: renderTitleFields?.() }),
+    paramsLoaded ? /* @__PURE__ */ jsx(Grid, { sx: parametersStyles.scrollableGrid, children: /* @__PURE__ */ jsx(ShortCircuitParametersContent, { shortCircuitMethods }) }) : /* @__PURE__ */ jsx(LinearProgress, {}),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        item: true,
+        container: true,
+        direction: "column",
+        sx: {
+          position: "absolute",
+          bottom: "15px"
+        },
+        children: renderActions?.()
+      }
+    )
+  ] }) });
+}
+export {
+  ShortCircuitParametersForm
+};

package/dist/features/parameters/short-circuit/short-circuit-parameters-inline.js

@@ -0,0 +1,173 @@
+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 { fetchShortCircuitParameters } from "../../../services/short-circuit-analysis.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 { ShortCircuitParametersForm } from "./short-circuit-parameters-form.js";
+import { useShortCircuitParametersForm } from "./use-short-circuit-parameters-form.js";
+function ShortCircuitParametersInLine({
+  studyUuid,
+  setHaveDirtyFields,
+  parametersBackend
+}) {
+  const shortCircuitMethods = useShortCircuitParametersForm({
+    parametersBackend,
+    parametersUuid: null,
+    name: null,
+    description: null
+  });
+  const intl = useIntl();
+  const [openCreateParameterDialog, setOpenCreateParameterDialog] = useState(false);
+  const [openSelectParameterDialog, setOpenSelectParameterDialog] = useState(false);
+  const { resetParameters } = parametersBackend;
+  const [openResetConfirmation, setOpenResetConfirmation] = useState(false);
+  const [pendingResetAction, setPendingResetAction] = useState(null);
+  const { snackError } = useSnackMessage();
+  const { formMethods } = shortCircuitMethods;
+  const { getValues, formState, handleSubmit, reset } = formMethods;
+  const handleLoadParameters = useCallback(
+    (newParams) => {
+      if (newParams?.length) {
+        setOpenSelectParameterDialog(false);
+        const paramUuid = newParams[0].id;
+        fetchShortCircuitParameters(paramUuid).then((parameters) => {
+          reset(shortCircuitMethods.toShortCircuitFormValues(parameters), {
+            keepDefaultValues: true
+          });
+        }).catch((error) => {
+          snackWithFallback(snackError, error, { headerId: "paramsRetrievingError" });
+        });
+      }
+      setOpenSelectParameterDialog(false);
+    },
+    [snackError, shortCircuitMethods, reset]
+  );
+  const executeResetAction = useCallback(() => {
+    if (pendingResetAction === "all" || pendingResetAction === "parameters") {
+      resetParameters();
+    }
+    setOpenResetConfirmation(false);
+    setPendingResetAction(null);
+  }, [pendingResetAction, resetParameters]);
+  const handleResetAllClick = useCallback(() => {
+    setPendingResetAction("all");
+    setOpenResetConfirmation(true);
+  }, []);
+  const handleCancelReset = useCallback(() => {
+    setOpenResetConfirmation(false);
+    setPendingResetAction(null);
+  }, []);
+  useEffect(() => {
+    setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+  }, [formState, setHaveDirtyFields]);
+  return /* @__PURE__ */ jsx(
+    ShortCircuitParametersForm,
+    {
+      shortCircuitMethods,
+      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(LabelledButton, { callback: handleResetAllClick, label: "resetToDefault" }),
+            /* @__PURE__ */ jsx(
+              SubmitButton,
+              {
+                onClick: handleSubmit(
+                  shortCircuitMethods.onSaveInline,
+                  shortCircuitMethods.onValidationError
+                ),
+                variant: "outlined",
+                children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
+              }
+            )
+          ] }),
+          openCreateParameterDialog && /* @__PURE__ */ jsx(
+            CreateParameterDialog,
+            {
+              studyUuid,
+              open: openCreateParameterDialog,
+              onClose: () => setOpenCreateParameterDialog(false),
+              parameterValues: () => shortCircuitMethods.formatNewParams(getValues()),
+              parameterFormatter: (newParams) => newParams,
+              parameterType: ElementType.SHORT_CIRCUIT_PARAMETERS
+            }
+          ),
+          openSelectParameterDialog && /* @__PURE__ */ jsx(
+            DirectoryItemSelector,
+            {
+              open: openSelectParameterDialog,
+              onClose: handleLoadParameters,
+              types: [ElementType.SHORT_CIRCUIT_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: executeResetAction
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+export {
+  ShortCircuitParametersInLine
+};