@gridsuite/commons-ui 0.241.1 → 0.242.0

package/dist/features/network-modifications/line/characteristics/LineCharacteristicsPane.js

@@ -0,0 +1,152 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Grid2 } from "@mui/material";
+import { OhmAdornment, MicroSusceptanceAdornment } from "../../../../utils/constants/adornments.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "@mui/icons-material";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.js";
+import { convertInputValue } from "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import { FieldType } from "../../../../utils/types/fieldType.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 { 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 "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import { PropertiesForm } from "../../common/properties/PropertiesForm.js";
+function LineCharacteristicsPane({
+  id = FieldConstants.CHARACTERISTICS,
+  lineToModify,
+  isModification = false
+}) {
+  const seriesResistanceField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.R}`,
+      label: "SeriesResistanceText",
+      adornment: OhmAdornment,
+      previousValue: lineToModify?.r,
+      clearable: isModification
+    }
+  );
+  const seriesReactanceField = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.X}`,
+      label: "SeriesReactanceText",
+      adornment: OhmAdornment,
+      previousValue: lineToModify?.x,
+      clearable: isModification
+    }
+  );
+  const shuntConductance1Field = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.G1}`,
+      label: "ShuntConductanceText",
+      adornment: MicroSusceptanceAdornment,
+      previousValue: convertInputValue(FieldType.G1, lineToModify?.g1),
+      clearable: isModification
+    }
+  );
+  const shuntSusceptance1Field = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.B1}`,
+      label: "ShuntSusceptanceText",
+      adornment: MicroSusceptanceAdornment,
+      previousValue: convertInputValue(FieldType.B1, lineToModify?.b1),
+      clearable: isModification
+    }
+  );
+  const shuntConductance2Field = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.G2}`,
+      label: "ShuntConductanceText",
+      adornment: MicroSusceptanceAdornment,
+      previousValue: convertInputValue(FieldType.G2, lineToModify?.g2),
+      clearable: isModification
+    }
+  );
+  const shuntSusceptance2Field = /* @__PURE__ */ jsx(
+    FloatInput,
+    {
+      name: `${id}.${FieldConstants.B2}`,
+      label: "ShuntSusceptanceText",
+      adornment: MicroSusceptanceAdornment,
+      previousValue: convertInputValue(FieldType.B2, lineToModify?.b2),
+      clearable: isModification
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(GridSection, { title: "Characteristics" }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: seriesResistanceField }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: seriesReactanceField })
+    ] }),
+    /* @__PURE__ */ jsx(GridSection, { title: "Side1", heading: 4 }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntConductance1Field }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntSusceptance1Field })
+    ] }),
+    /* @__PURE__ */ jsx(GridSection, { title: "Side2", heading: 4 }),
+    /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntConductance2Field }),
+      /* @__PURE__ */ jsx(GridItem, { size: 4, children: shuntSusceptance2Field })
+    ] }),
+    /* @__PURE__ */ jsx(PropertiesForm, { networkElementType: "line", isModification })
+  ] });
+}
+export {
+  LineCharacteristicsPane
+};

package/dist/features/network-modifications/line/characteristics/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './lineCharacteristicsPane.types';
+export * from './lineCharacteristicsPane.utils';
+export * from './LineCharacteristicsPane';

package/dist/features/network-modifications/line/characteristics/index.js

@@ -0,0 +1,9 @@
+import { getCharacteristicsValidationSchema, getLineCharacteristicsEmptyFormData, getLineCharacteristicsFormData, getLineCharacteristicsValidationSchemaProps } from "./lineCharacteristicsPane.utils.js";
+import { LineCharacteristicsPane } from "./LineCharacteristicsPane.js";
+export {
+  LineCharacteristicsPane,
+  getCharacteristicsValidationSchema,
+  getLineCharacteristicsEmptyFormData,
+  getLineCharacteristicsFormData,
+  getLineCharacteristicsValidationSchemaProps
+};

package/dist/features/network-modifications/line/characteristics/lineCharacteristicsPane.types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2026, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export interface LineCharacteristics {
+    r: number | null;
+    x: number | null;
+    g1: number | null;
+    b1: number | null;
+    g2: number | null;
+    b2: number | null;
+}

package/dist/features/network-modifications/line/characteristics/lineCharacteristicsPane.types.js

@@ -0,0 +1 @@
+

package/dist/features/network-modifications/line/characteristics/lineCharacteristicsPane.utils.d.ts

@@ -0,0 +1,52 @@
+import { FieldConstants } from '../../../../utils';
+import { LineCharacteristics } from './lineCharacteristicsPane.types';
+export declare const getLineCharacteristicsValidationSchemaProps: (isEquipmentModification?: boolean) => import('yup').ObjectSchema<{
+    r: number | null | undefined;
+    x: number | null | undefined;
+    b1: number | null | undefined;
+    g1: number | null | undefined;
+    b2: number | null | undefined;
+    g2: number | null | undefined;
+}, import('yup').AnyObject, {
+    r: undefined;
+    x: undefined;
+    b1: undefined;
+    g1: undefined;
+    b2: undefined;
+    g2: undefined;
+}, "">;
+export declare const getCharacteristicsValidationSchema: (id: string, modification?: boolean) => {
+    [x: string]: import('yup').ObjectSchema<{
+        r: number | null | undefined;
+        x: number | null | undefined;
+        b1: number | null | undefined;
+        g1: number | null | undefined;
+        b2: number | null | undefined;
+        g2: number | null | undefined;
+    }, import('yup').AnyObject, {
+        r: undefined;
+        x: undefined;
+        b1: undefined;
+        g1: undefined;
+        b2: undefined;
+        g2: undefined;
+    }, "">;
+};
+export declare const getLineCharacteristicsEmptyFormData: () => {
+    r: null;
+    x: null;
+    b1: null;
+    g1: null;
+    b2: null;
+    g2: null;
+};
+export declare const getLineCharacteristicsFormData: ({ r, x, g1, b1, g2, b2 }: LineCharacteristics, id?: FieldConstants) => {
+    [x: string]: {
+        r: number | null;
+        x: number | null;
+        g1: number | null;
+        b1: number | null;
+        g2: number | null;
+        b2: number | null;
+    };
+};

package/dist/features/network-modifications/line/characteristics/lineCharacteristicsPane.utils.js

@@ -0,0 +1,53 @@
+import { object, number } from "yup";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "react/jsx-runtime";
+import "@mui/icons-material";
+const getLineCharacteristicsValidationSchemaProps = (isEquipmentModification = false) => object().shape({
+  [FieldConstants.R]: isEquipmentModification ? number().nullable().min(0, "mustBeGreaterOrEqualToZero") : number().nullable().min(0, "mustBeGreaterOrEqualToZero").required(),
+  [FieldConstants.X]: isEquipmentModification ? number().nullable() : number().nullable().required(),
+  [FieldConstants.B1]: number().nullable(),
+  [FieldConstants.G1]: number().nullable().min(0, "mustBeGreaterOrEqualToZero"),
+  [FieldConstants.B2]: number().nullable(),
+  [FieldConstants.G2]: number().nullable().min(0, "mustBeGreaterOrEqualToZero")
+});
+const characteristicsValidationSchema = (id, modification) => ({
+  [id]: object().shape({
+    [FieldConstants.R]: modification ? number().nullable().min(0, "mustBeGreaterOrEqualToZero") : number().nullable().min(0, "mustBeGreaterOrEqualToZero").required(),
+    [FieldConstants.X]: modification ? number().nullable() : number().nullable().required(),
+    [FieldConstants.B1]: number().nullable(),
+    [FieldConstants.G1]: number().nullable().min(0, "mustBeGreaterOrEqualToZero"),
+    [FieldConstants.B2]: number().nullable(),
+    [FieldConstants.G2]: number().nullable().min(0, "mustBeGreaterOrEqualToZero")
+  })
+});
+const getCharacteristicsValidationSchema = (id, modification = false) => {
+  return characteristicsValidationSchema(id, modification);
+};
+const getLineCharacteristicsEmptyFormData = () => {
+  return {
+    [FieldConstants.R]: null,
+    [FieldConstants.X]: null,
+    [FieldConstants.B1]: null,
+    [FieldConstants.G1]: null,
+    [FieldConstants.B2]: null,
+    [FieldConstants.G2]: null
+  };
+};
+const getLineCharacteristicsFormData = ({ r = null, x = null, g1 = null, b1 = null, g2 = null, b2 = null }, id = FieldConstants.CHARACTERISTICS) => ({
+  [id]: {
+    [FieldConstants.R]: r,
+    [FieldConstants.X]: x,
+    [FieldConstants.G1]: g1,
+    [FieldConstants.B1]: b1,
+    [FieldConstants.G2]: g2,
+    [FieldConstants.B2]: b2
+  }
+});
+export {
+  getCharacteristicsValidationSchema,
+  getLineCharacteristicsEmptyFormData,
+  getLineCharacteristicsFormData,
+  getLineCharacteristicsValidationSchemaProps
+};

package/dist/features/network-modifications/line/common/LineDialogHeader.d.ts

@@ -0,0 +1,6 @@
+import { BranchInfos } from './line.types';
+import { LineDialogOptions } from './line.utils';
+export interface LineDialogHeaderProps extends LineDialogOptions {
+    lineToModify?: BranchInfos | null;
+}
+export declare function LineDialogHeader({ lineToModify, isModification }: Readonly<LineDialogHeaderProps>): import("react").JSX.Element;

package/dist/features/network-modifications/line/common/LineDialogHeader.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TextField, Grid2 } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import { filledTextField } from "../../common/form.utils.js";
+import "react";
+import "../../common/properties/propertyUtils.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "react-intl";
+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 { TextInput } from "../../../../components/ui/reactHookForm/text/TextInput.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import { GridItem } from "../../../../components/composite/grid/grid-item.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+import "../../common/regulatingTerminal/RegulatingTerminalForm.js";
+import "@mui/material/colors";
+import "@mui/x-charts";
+import "../../common/currentLimits/limitsPane.utils.js";
+function LineDialogHeader({ lineToModify, isModification = false }) {
+  const equipmentId = useWatch({ name: FieldConstants.EQUIPMENT_ID });
+  const lineIdField = isModification ? /* @__PURE__ */ jsx(
+    TextField,
+    {
+      size: "small",
+      fullWidth: true,
+      label: "ID",
+      value: equipmentId ?? "",
+      slotProps: {
+        input: {
+          readOnly: true
+        }
+      },
+      disabled: true,
+      ...filledTextField
+    }
+  ) : /* @__PURE__ */ jsx(TextInput, { name: FieldConstants.EQUIPMENT_ID, label: "ID", formProps: { autoFocus: true, ...filledTextField } });
+  const lineNameField = /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      name: FieldConstants.EQUIPMENT_NAME,
+      label: "Name",
+      formProps: filledTextField,
+      previousValue: lineToModify?.name ?? void 0,
+      clearable: true
+    }
+  );
+  return /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, sx: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(GridItem, { size: 4, children: lineIdField }),
+    /* @__PURE__ */ jsx(GridItem, { size: 4, children: lineNameField })
+  ] });
+}
+export {
+  LineDialogHeader
+};

package/dist/features/network-modifications/line/common/LineDialogTabs.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LineDialogOptions } from './line.utils';
+interface LineDialogTabsProps extends LineDialogOptions {
+    tabIndex: number;
+    tabIndexesWithError: number[];
+    setTabIndex: (newTabIndex: number) => void;
+}
+export declare function LineDialogTabs({ tabIndex, tabIndexesWithError, setTabIndex, isModification, withConnectivity, }: Readonly<LineDialogTabsProps>): React.JSX.Element;
+export {};

package/dist/features/network-modifications/line/common/LineDialogTabs.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tabs, Tab } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { LineDialogTab } from "./line.utils.js";
+import { getTabStyle, getTabIndicatorStyle } from "../../../parameters/parameters-style.js";
+function LineDialogTabs({
+  tabIndex,
+  tabIndexesWithError,
+  setTabIndex,
+  isModification = false,
+  withConnectivity = true
+}) {
+  return /* @__PURE__ */ jsxs(
+    Tabs,
+    {
+      value: tabIndex,
+      variant: "scrollable",
+      onChange: (event, newValue) => setTabIndex(newValue),
+      slotProps: {
+        indicator: { sx: getTabIndicatorStyle(tabIndexesWithError, tabIndex) }
+      },
+      children: [
+        withConnectivity && /* @__PURE__ */ jsx(
+          Tab,
+          {
+            value: LineDialogTab.CONNECTIVITY_TAB,
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "ConnectivityTab" }),
+            sx: getTabStyle(tabIndexesWithError, LineDialogTab.CONNECTIVITY_TAB)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            value: LineDialogTab.CHARACTERISTICS_TAB,
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "CharacteristicsTab" }),
+            sx: getTabStyle(tabIndexesWithError, LineDialogTab.CHARACTERISTICS_TAB)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tab,
+          {
+            value: LineDialogTab.LIMITS_TAB,
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "LimitsTab" }),
+            sx: getTabStyle(tabIndexesWithError, LineDialogTab.LIMITS_TAB)
+          }
+        ),
+        isModification && /* @__PURE__ */ jsx(
+          Tab,
+          {
+            value: LineDialogTab.STATE_ESTIMATION_TAB,
+            label: /* @__PURE__ */ jsx(FormattedMessage, { id: "StateEstimationTab" }),
+            sx: getTabStyle(tabIndexesWithError, LineDialogTab.STATE_ESTIMATION_TAB)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  LineDialogTabs
+};

package/dist/features/network-modifications/line/common/LineDialogTabsContent.d.ts

@@ -0,0 +1,8 @@
+import { ConnectivityNetworkProps } from '../../common/connectivity/connectivity.type';
+import { LineDialogOptions } from './line.utils';
+import { BranchInfos } from './line.types';
+export interface LineDialogTabsContentProps extends ConnectivityNetworkProps, LineDialogOptions {
+    lineToModify?: BranchInfos | null;
+    tabIndex: number;
+}
+export declare function LineDialogTabsContent({ lineToModify, isModification, withConnectivity, clearableFields, tabIndex, voltageLevelOptions, PositionDiagramPane, fetchBusesOrBusbarSections, }: Readonly<LineDialogTabsContentProps>): import("react").JSX.Element;

package/dist/features/network-modifications/line/common/LineDialogTabsContent.js

@@ -0,0 +1,96 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { LineDialogTab } from "./line.utils.js";
+import { BranchConnectivityForm } from "../../common/connectivity/BranchConnectivityForm.js";
+import { BranchActiveReactivePowerMeasurementsForm } from "../../common/measurements/BranchActiveReactivePowerMeasurementsForm.js";
+import "yup";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import { LineCharacteristicsPane } from "../characteristics/LineCharacteristicsPane.js";
+import { LimitsPane } from "../../common/currentLimits/LimitsPane.js";
+import "react-intl";
+import "../../../../components/ui/overflowableText/OverflowableText.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 "../../../../components/ui/treeViewFinder/TreeViewFinder.js";
+import "../../../../components/ui/reactHookForm/numbers/RangeInput.js";
+import "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_input.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../../../../components/ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../../../../components/ui/reactHookForm/expandableInput/ExpandableInput.js";
+import "../../../../components/ui/reactHookForm/directory-item-input/directory-item-utils.js";
+import "@hello-pangea/dnd";
+import "../../../../components/ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
+import "../../../../components/ui/snackbarProvider/SnackbarProvider.js";
+import "mui-nested-menu";
+import "react-resizable-panels";
+import "react-papaparse";
+import "react-dom";
+import "autosuggest-highlight/match";
+import "autosuggest-highlight/parse";
+import "clsx";
+import "../../../../components/composite/filter/FilterCreationDialog.js";
+import "../../../../components/composite/filter/HeaderFilterForm.js";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterForm.js";
+import "../../../../components/composite/filter/expert/ExpertFilterEditionDialog.js";
+import "../../../../components/composite/filter/expert/expertFilterConstants.js";
+import "react-querybuilder";
+import "uuid";
+import "../../../../components/composite/filter/explicitNaming/ExplicitNamingFilterEditionDialog.js";
+import "../../../../components/composite/filter/utils/filterFormUtils.js";
+import { GridSection } from "../../../../components/composite/grid/grid-section.js";
+import "@react-querybuilder/material";
+import "../../../../components/composite/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "../../../../components/composite/reactQueryBuilder/PropertyValueEditor.js";
+import "../../../../components/composite/agGridTable/BottomTableButtons.js";
+import "../../../../components/composite/agGridTable/CustomAgGridTable.js";
+import "ag-grid-community";
+import "../../../../components/composite/customAGGrid/customAggrid.js";
+import "../../../../components/composite/customAGGrid/context/custom-aggrid-context.js";
+import "mathjs";
+import "../../../../components/composite/report/report-viewer/log-table/log-table.js";
+import "react-window";
+import "../../../../components/composite/report/report-treeview/treeview-item.js";
+import "../../../../components/composite/report/report-viewer/context/report-viewer-context.js";
+function LineDialogTabsContent({
+  lineToModify,
+  isModification = false,
+  withConnectivity = true,
+  clearableFields = false,
+  tabIndex,
+  voltageLevelOptions = [],
+  PositionDiagramPane,
+  fetchBusesOrBusbarSections
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    withConnectivity && /* @__PURE__ */ jsxs(Box, { hidden: tabIndex !== LineDialogTab.CONNECTIVITY_TAB, children: [
+      /* @__PURE__ */ jsx(GridSection, { title: "ConnectivityTab" }),
+      /* @__PURE__ */ jsx(
+        BranchConnectivityForm,
+        {
+          isModification,
+          previousValues: lineToModify,
+          voltageLevelOptions,
+          PositionDiagramPane,
+          fetchBusesOrBusbarSections
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== LineDialogTab.CHARACTERISTICS_TAB, p: 1, children: /* @__PURE__ */ jsx(LineCharacteristicsPane, { lineToModify, isModification }) }),
+    /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== LineDialogTab.LIMITS_TAB, p: 1, children: /* @__PURE__ */ jsx(LimitsPane, { equipmentToModify: lineToModify, clearableFields }) }),
+    isModification && /* @__PURE__ */ jsx(Box, { hidden: tabIndex !== LineDialogTab.STATE_ESTIMATION_TAB, children: /* @__PURE__ */ jsx(BranchActiveReactivePowerMeasurementsForm, { equipmentToModify: lineToModify }) })
+  ] });
+}
+export {
+  LineDialogTabsContent
+};

package/dist/features/network-modifications/line/common/LineForm.d.ts

@@ -0,0 +1,6 @@
+import { LineDialogHeaderProps } from './LineDialogHeader';
+import { LineDialogTabsContentProps } from './LineDialogTabsContent';
+interface LineFormProps extends LineDialogHeaderProps, Omit<LineDialogTabsContentProps, 'tabIndex' | 'isModification' | 'lineToModify'> {
+}
+export declare function LineForm({ lineToModify, voltageLevelOptions, fetchBusesOrBusbarSections, PositionDiagramPane, isModification, withConnectivity, clearableFields, }: Readonly<LineFormProps>): import("react").JSX.Element;
+export {};

package/dist/features/network-modifications/line/common/LineForm.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Box } from "@mui/material";
+import { LineDialogTab, LINE_TAB_FIELDS } from "./line.utils.js";
+import { LineDialogHeader } from "./LineDialogHeader.js";
+import { LineDialogTabs } from "./LineDialogTabs.js";
+import { LineDialogTabsContent } from "./LineDialogTabsContent.js";
+import { useTabsWithError } from "../../hooks/useTabsWithError.js";
+function LineForm({
+  lineToModify,
+  voltageLevelOptions,
+  fetchBusesOrBusbarSections,
+  PositionDiagramPane,
+  isModification = false,
+  withConnectivity = true,
+  clearableFields = false
+}) {
+  const { tabIndex, setTabIndex, tabIndexesWithError } = useTabsWithError(
+    LINE_TAB_FIELDS,
+    withConnectivity ? LineDialogTab.CONNECTIVITY_TAB : LineDialogTab.CHARACTERISTICS_TAB
+  );
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, height: "100%", children: [
+    /* @__PURE__ */ jsx(LineDialogHeader, { lineToModify, isModification }),
+    /* @__PURE__ */ jsx(
+      LineDialogTabs,
+      {
+        tabIndex,
+        tabIndexesWithError,
+        setTabIndex,
+        isModification,
+        withConnectivity
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden", paddingRight: 3 }, children: /* @__PURE__ */ jsx(
+      LineDialogTabsContent,
+      {
+        tabIndex,
+        lineToModify,
+        voltageLevelOptions,
+        fetchBusesOrBusbarSections,
+        PositionDiagramPane,
+        isModification,
+        withConnectivity,
+        clearableFields
+      }
+    ) })
+  ] });
+}
+export {
+  LineForm
+};