@gridsuite/commons-ui 0.105.1 → 0.106.0

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.d.ts

@@ -1,7 +1,8 @@
 import { MouseEvent, ReactNode } from 'react';
 import { FieldErrors, FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
+import { DialogProps } from '@mui/material';
 import { ObjectSchema } from 'yup';
-export interface CustomMuiDialogProps<T extends FieldValues = FieldValues> {
+export type CustomMuiDialogProps<T extends FieldValues = FieldValues> = DialogProps & {
     open: boolean;
     formSchema: ObjectSchema<T>;
     formMethods: UseFormReturn<T>;
@@ -17,7 +18,7 @@ export interface CustomMuiDialogProps<T extends FieldValues = FieldValues> {
     language?: string;
     confirmationMessageKey?: string;
     unscrollableFullHeight?: boolean;
-}
+};
 /**
  * all those styles are made to work with each other in order to control the scroll behavior:
  * <fullHeightDialog>
@@ -50,4 +51,4 @@ export declare const unscrollableDialogStyles: {
         padding: number;
     };
 };
-export declare function CustomMuiDialog<T extends FieldValues = FieldValues>({ open, formSchema, formMethods, onClose, onSave, isDataFetching, onValidationError, titleId, disabledSave, removeOptional, onCancel, children, language, confirmationMessageKey, unscrollableFullHeight, }: Readonly<CustomMuiDialogProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function CustomMuiDialog<T extends FieldValues = FieldValues>({ open, formSchema, formMethods, onClose, onSave, isDataFetching, onValidationError, titleId, disabledSave, removeOptional, onCancel, children, language, confirmationMessageKey, unscrollableFullHeight, ...dialogProps }: Readonly<CustomMuiDialogProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.js

@@ -53,7 +53,8 @@ function CustomMuiDialog({
   children,
   language,
   confirmationMessageKey,
-  unscrollableFullHeight = false
+  unscrollableFullHeight = false,
+  ...dialogProps
 }) {
   const [openConfirmationPopup, setOpenConfirmationPopup] = useState(false);
   const [validatedData, setValidatedData] = useState();
@@ -116,6 +117,7 @@ function CustomMuiDialog({
             open,
             onClose: handleClose,
             fullWidth: true,
+            ...dialogProps,
             children: [
               isDataFetching && /* @__PURE__ */ jsx(LinearProgress, {}),
               /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(FormattedMessage, { id: titleId }) }) }),

package/dist/components/dialogs/descriptionModificationDialog/DescriptionModificationDialog.d.ts

@@ -1,14 +1,9 @@
-/**
- * Copyright (c) 2023, 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/.
- */
+import { UUID } from 'crypto';
 export interface DescriptionModificationDialogProps {
-    elementUuid: string;
+    elementUuid: UUID;
     description: string;
     open: boolean;
     onClose: () => void;
-    updateElement: (uuid: string, data: Record<string, string>) => Promise<void>;
+    updateElement: (uuid: UUID, data: Record<string, string>) => Promise<void>;
 }
 export declare function DescriptionModificationDialog({ elementUuid, description, open, onClose, updateElement, }: Readonly<DescriptionModificationDialogProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.js

@@ -131,6 +131,10 @@ import { toFormValueSaParameters, toFormValuesLimitReductions } from "./paramete
 import { LimitReductionsTableForm } from "./parameters/common/limitreductions/limit-reductions-table-form.js";
 import { LimitReductionTableRow } from "./parameters/common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./parameters/common/limitreductions/limit-reduction-table-cell.js";
+import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INIT_NAD_WITH_GEO_DATA, INTL_LINE_FLOW_MODE_OPTIONS, INTL_MAP_BASE_MAP_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_INIT_NAD_WITH_GEO_DATA, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./parameters/network-visualizations/constants.js";
+import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_MAPBOX, SubstationLayout } from "./parameters/network-visualizations/network-visualizations.types.js";
+import { NetworkVisualizationParametersInline } from "./parameters/network-visualizations/network-visualizations-parameters-inline.js";
+import { NetworkVisualizationsParametersEditionDialog } from "./parameters/network-visualizations/network-visualizations-parameters-dialog.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters/parameters-style.js";
 import { BALANCE_TYPE, COMMON_PARAMETERS, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, SPECIFIC_PARAMETERS, TRANSFORMER_VOLTAGE_CONTROL_ON, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./parameters/loadflow/constants.js";
 import { LoadFlowParametersInline } from "./parameters/loadflow/load-flow-parameters-inline.js";
@@ -149,9 +153,11 @@ export {
   BALANCE_TYPE,
   BooleanInput,
   BottomRightButtons,
+  CENTER_LABEL,
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
   COMBINATOR_OPTIONS,
   COMMON_PARAMETERS,
+  COMPONENT_LIBRARY,
   CONNECTED_COMPONENT_MODE,
   CONTINGENCY_LIST_EQUIPMENTS,
   CONVERTERS_MODE_OPTIONS,
@@ -186,6 +192,7 @@ export {
   DEFAULT_LIMIT_REDUCTION_VALUE,
   DEFAULT_RANGE_VALUE,
   DESCRIPTION_INPUT,
+  DIAGONAL_LABEL,
   DISTRIBUTED_SLACK,
   DISTRIBUTION_KEY,
   DataType,
@@ -226,11 +233,16 @@ export {
   GroupValueEditor,
   HVDC_AC_EMULATION,
   HelperPreviousValue,
+  INIT_NAD_WITH_GEO_DATA,
+  INTL_LINE_FLOW_MODE_OPTIONS,
+  INTL_MAP_BASE_MAP_OPTIONS,
+  INTL_SUBSTATION_LAYOUT_OPTIONS,
   IST_FORM,
   InputWithPopupConfirmation,
   IntegerInput,
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
+  LINE_FLOW_MODE,
   LOAD_TYPE_OPTIONS,
   LabelledButton,
   LeftPanelCloseIcon,
@@ -238,12 +250,18 @@ export {
   LimitReductionTableCell,
   LimitReductionTableRow,
   LimitReductionsTableForm,
+  LineFlowMode,
   LineSeparator,
   LoadFlowParametersEditionDialog,
   LoadFlowParametersInline,
   Login,
   LogoText,
   Logout,
+  MAP_BASEMAP_CARTO,
+  MAP_BASEMAP_CARTO_NOLABEL,
+  MAP_BASEMAP_MAPBOX,
+  MAP_BASE_MAP,
+  MAP_MANUAL_REFRESH,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MidFormError,
@@ -253,13 +271,25 @@ export {
   MultipleSelectionDialog,
   NAME,
   NO_ITEM_SELECTION_FOR_COPY,
+  NetworkVisualizationParametersInline,
+  NetworkVisualizationTabValues,
+  NetworkVisualizationsParametersEditionDialog,
   NotificationsContext,
   NotificationsProvider,
   NumericEditor,
   OPERATOR_OPTIONS,
   OperatorType,
   OverflowableText,
+  PARAM_CENTER_LABEL,
+  PARAM_COMPONENT_LIBRARY,
+  PARAM_DIAGONAL_LABEL,
+  PARAM_INIT_NAD_WITH_GEO_DATA,
   PARAM_LIMIT_REDUCTION,
+  PARAM_LINE_FLOW_MODE,
+  PARAM_LINE_FULL_PATH,
+  PARAM_LINE_PARALLEL_PATH,
+  PARAM_MAP_BASEMAP,
+  PARAM_MAP_MANUAL_REFRESH,
   PARAM_PROVIDER_OPENLOADFLOW,
   PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD,
@@ -267,6 +297,7 @@ export {
   PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD,
   PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD,
   PARAM_SA_PROVIDER,
+  PARAM_SUBSTATION_LAYOUT,
   PHASE_REGULATION_MODE_OPTIONS,
   PHASE_SHIFTER_REGULATION_ON,
   PROVIDER,
@@ -291,6 +322,7 @@ export {
   SHUNT_COMPENSATOR_TYPE_OPTIONS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
+  SUBSTATION_LAYOUT,
   SVAR_REGULATION_MODE_OPTIONS,
   SelectClearable,
   SelectInput,
@@ -299,6 +331,7 @@ export {
   SliderInput,
   SnackbarProvider,
   SubmitButton,
+  SubstationLayout,
   SwitchInput,
   SwitchWithLabel,
   TAB_INFO,

package/dist/components/parameters/common/name-element-editor/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025, 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 https://mozilla.org/MPL/2.0/.
+ */
+export * from './name-element-editor-form';
+export * from './name-element-editor-utils';

package/dist/components/parameters/common/name-element-editor/index.js

@@ -0,0 +1,7 @@
+import { NameElementEditorForm } from "./name-element-editor-form.js";
+import { getNameElementEditorEmptyFormData, getNameElementEditorSchema } from "./name-element-editor-utils.js";
+export {
+  NameElementEditorForm,
+  getNameElementEditorEmptyFormData,
+  getNameElementEditorSchema
+};

package/dist/components/parameters/common/name-element-editor/name-element-editor-form.d.ts

@@ -0,0 +1,8 @@
+import { UUID } from 'crypto';
+import { ElementType } from '../../../../utils';
+export interface NameElementEditorFormProps {
+    initialElementName: string;
+    activeDirectory: UUID;
+    elementType: ElementType;
+}
+export declare function NameElementEditorForm({ initialElementName, activeDirectory, elementType, }: Readonly<NameElementEditorFormProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/parameters/common/name-element-editor/name-element-editor-form.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import "react-intl";
+import "@mui/icons-material";
+import "react";
+import "react-hook-form";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import "notistack";
+import "../../../overflowableText/OverflowableText.js";
+import "../../../treeViewFinder/TreeViewFinder.js";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { DescriptionField } from "../../../inputs/reactHookForm/text/DescriptionField.js";
+import { UniqueNameInput } from "../../../inputs/reactHookForm/text/UniqueNameInput.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 "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "../../../../utils/yupConfig.js";
+import { filterStyles } from "../../../filter/HeaderFilterForm.js";
+function NameElementEditorForm({
+  initialElementName,
+  activeDirectory,
+  elementType
+}) {
+  return /* @__PURE__ */ jsx(Grid, { item: true, sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, direction: "column", marginBottom: "8px", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      UniqueNameInput,
+      {
+        name: FieldConstants.NAME,
+        currentName: initialElementName,
+        label: "nameProperty",
+        elementType,
+        activeDirectory,
+        sx: filterStyles.textField,
+        fullWidth: false
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(DescriptionField, { expandingTextSx: filterStyles.description }) })
+  ] }) });
+}
+export {
+  NameElementEditorForm
+};

package/dist/components/parameters/common/name-element-editor/name-element-editor-utils.d.ts

@@ -0,0 +1,12 @@
+import { default as yup } from '../../../../utils/yupConfig';
+export declare function getNameElementEditorEmptyFormData(initialElementName: string | null, initialElementdescripton: string | null): {
+    name: string | null;
+    description: string | null;
+};
+export declare function getNameElementEditorSchema(initialElementName: string | null): yup.ObjectSchema<{
+    name: string | undefined;
+    description: string | undefined;
+}, yup.AnyObject, {
+    name: undefined;
+    description: undefined;
+}, "">;

package/dist/components/parameters/common/name-element-editor/name-element-editor-utils.js

@@ -0,0 +1,48 @@
+import "../../../../utils/yupConfig.js";
+import "react/jsx-runtime";
+import "react-intl";
+import "@mui/material";
+import { DESCRIPTION_INPUT, NAME } from "../../../inputs/reactHookForm/DirectoryItemsInput.js";
+import "react-hook-form";
+import "../../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "react";
+import "../../../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import * as yup from "yup";
+import "../../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "@mui/icons-material";
+import "../../../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "../../../../utils/conversionUtils.js";
+import "../../../../utils/types/equipmentType.js";
+import "notistack";
+import "@react-querybuilder/material";
+import "../../../filter/expert/expertFilterConstants.js";
+import "../../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../../../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+function getNameElementEditorEmptyFormData(initialElementName, initialElementdescripton) {
+  return {
+    [NAME]: initialElementName,
+    [DESCRIPTION_INPUT]: initialElementdescripton
+  };
+}
+function getNameElementEditorSchema(initialElementName) {
+  return yup.object().shape({
+    [NAME]: yup.string().when("nameRequiredWhenInitialNameIsSet", {
+      is: () => initialElementName !== null,
+      then: () => yup.string().required(),
+      otherwise: () => yup.string()
+    }),
+    [DESCRIPTION_INPUT]: yup.string()
+  });
+}
+export {
+  getNameElementEditorEmptyFormData,
+  getNameElementEditorSchema
+};

package/dist/components/parameters/index.d.ts

@@ -5,5 +5,6 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 export * from './common';
+export * from './network-visualizations';
 export * from './parameters-style';
 export * from './loadflow';

package/dist/components/parameters/index.js

@@ -17,14 +17,20 @@ import { toFormValueSaParameters, toFormValuesLimitReductions } from "./common/l
 import { LimitReductionsTableForm } from "./common/limitreductions/limit-reductions-table-form.js";
 import { LimitReductionTableRow } from "./common/limitreductions/limit-reduction-table-row.js";
 import { LimitReductionTableCell } from "./common/limitreductions/limit-reduction-table-cell.js";
+import { CENTER_LABEL, COMPONENT_LIBRARY, DIAGONAL_LABEL, INIT_NAD_WITH_GEO_DATA, INTL_LINE_FLOW_MODE_OPTIONS, INTL_MAP_BASE_MAP_OPTIONS, INTL_SUBSTATION_LAYOUT_OPTIONS, LINE_FLOW_MODE, LineFlowMode, MAP_BASE_MAP, MAP_MANUAL_REFRESH, NetworkVisualizationTabValues, PARAM_CENTER_LABEL, PARAM_COMPONENT_LIBRARY, PARAM_DIAGONAL_LABEL, PARAM_INIT_NAD_WITH_GEO_DATA, PARAM_LINE_FLOW_MODE, PARAM_LINE_FULL_PATH, PARAM_LINE_PARALLEL_PATH, PARAM_MAP_BASEMAP, PARAM_MAP_MANUAL_REFRESH, PARAM_SUBSTATION_LAYOUT, SUBSTATION_LAYOUT } from "./network-visualizations/constants.js";
+import { MAP_BASEMAP_CARTO, MAP_BASEMAP_CARTO_NOLABEL, MAP_BASEMAP_MAPBOX, SubstationLayout } from "./network-visualizations/network-visualizations.types.js";
+import { NetworkVisualizationParametersInline } from "./network-visualizations/network-visualizations-parameters-inline.js";
+import { NetworkVisualizationsParametersEditionDialog } from "./network-visualizations/network-visualizations-parameters-dialog.js";
 import { getTabIndicatorStyle, getTabStyle, parametersStyles } from "./parameters-style.js";
 import { BALANCE_TYPE, COMMON_PARAMETERS, CONNECTED_COMPONENT_MODE, COUNTRIES_TO_BALANCE, DC, DC_POWER_FACTOR, DC_USE_TRANSFORMER_RATIO, DEFAULT_LIMIT_REDUCTION_VALUE, DISTRIBUTED_SLACK, HVDC_AC_EMULATION, MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION, PARAM_LIMIT_REDUCTION, PARAM_PROVIDER_OPENLOADFLOW, PHASE_SHIFTER_REGULATION_ON, READ_SLACK_BUS, SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON, SPECIFIC_PARAMETERS, TRANSFORMER_VOLTAGE_CONTROL_ON, TWT_SPLIT_SHUNT_ADMITTANCE, USE_REACTIVE_LIMITS, VOLTAGE_INIT_MODE, WRITE_SLACK_BUS, alertThresholdMarks } from "./loadflow/constants.js";
 import { LoadFlowParametersInline } from "./loadflow/load-flow-parameters-inline.js";
 import { LoadFlowParametersEditionDialog } from "./loadflow/load-flow-parameters-dialog.js";
 export {
   BALANCE_TYPE,
+  CENTER_LABEL,
   COLUMNS_DEFINITIONS_LIMIT_REDUCTIONS,
   COMMON_PARAMETERS,
+  COMPONENT_LIBRARY,
   CONNECTED_COMPONENT_MODE,
   COUNTRIES_TO_BALANCE,
   ComputingType,
@@ -36,21 +42,45 @@ export {
   DC_POWER_FACTOR,
   DC_USE_TRANSFORMER_RATIO,
   DEFAULT_LIMIT_REDUCTION_VALUE,
+  DIAGONAL_LABEL,
   DISTRIBUTED_SLACK,
   HVDC_AC_EMULATION,
+  INIT_NAD_WITH_GEO_DATA,
+  INTL_LINE_FLOW_MODE_OPTIONS,
+  INTL_MAP_BASE_MAP_OPTIONS,
+  INTL_SUBSTATION_LAYOUT_OPTIONS,
   IST_FORM,
   LIMIT_DURATION_FORM,
   LIMIT_REDUCTIONS_FORM,
+  LINE_FLOW_MODE,
   LabelledButton,
   LimitReductionTableCell,
   LimitReductionTableRow,
   LimitReductionsTableForm,
+  LineFlowMode,
   LineSeparator,
   LoadFlowParametersEditionDialog,
   LoadFlowParametersInline,
+  MAP_BASEMAP_CARTO,
+  MAP_BASEMAP_CARTO_NOLABEL,
+  MAP_BASEMAP_MAPBOX,
+  MAP_BASE_MAP,
+  MAP_MANUAL_REFRESH,
   MAX_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
   MIN_VALUE_ALLOWED_FOR_LIMIT_REDUCTION,
+  NetworkVisualizationParametersInline,
+  NetworkVisualizationTabValues,
+  NetworkVisualizationsParametersEditionDialog,
+  PARAM_CENTER_LABEL,
+  PARAM_COMPONENT_LIBRARY,
+  PARAM_DIAGONAL_LABEL,
+  PARAM_INIT_NAD_WITH_GEO_DATA,
   PARAM_LIMIT_REDUCTION,
+  PARAM_LINE_FLOW_MODE,
+  PARAM_LINE_FULL_PATH,
+  PARAM_LINE_PARALLEL_PATH,
+  PARAM_MAP_BASEMAP,
+  PARAM_MAP_MANUAL_REFRESH,
   PARAM_PROVIDER_OPENLOADFLOW,
   PARAM_SA_FLOW_PROPORTIONAL_THRESHOLD,
   PARAM_SA_HIGH_VOLTAGE_ABSOLUTE_THRESHOLD,
@@ -58,6 +88,7 @@ export {
   PARAM_SA_LOW_VOLTAGE_ABSOLUTE_THRESHOLD,
   PARAM_SA_LOW_VOLTAGE_PROPORTIONAL_THRESHOLD,
   PARAM_SA_PROVIDER,
+  PARAM_SUBSTATION_LAYOUT,
   PHASE_SHIFTER_REGULATION_ON,
   PROVIDER,
   ParameterFloat,
@@ -69,6 +100,8 @@ export {
   READ_SLACK_BUS,
   SHUNT_COMPENSATOR_VOLTAGE_CONTROL_ON,
   SPECIFIC_PARAMETERS,
+  SUBSTATION_LAYOUT,
+  SubstationLayout,
   SwitchWithLabel,
   TAB_INFO,
   TRANSFORMER_VOLTAGE_CONTROL_ON,

package/dist/components/parameters/loadflow/load-flow-parameters-dialog.js

@@ -1,16 +1,16 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Grid } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
 import { CustomMuiDialog } from "../../dialogs/customMuiDialog/CustomMuiDialog.js";
 import "../../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../dialogs/elementSaveDialog/ElementSaveDialog.js";
 import "react";
+import "@mui/material";
 import "react-intl";
 import "react-hook-form";
 import "@mui/icons-material";
-import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../treeViewFinder/TreeViewFinder.js";
 import "notistack";
+import { getLoadFlowDefaultLimitReductions, getLoadFlowSpecificParametersDescription, setLoadFlowParameters, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowProviders } from "../../../services/loadflow.js";
 import { ComputingType } from "../common/computing-type.js";
 import "../../../utils/types/equipmentType.js";
 import "localized-countries";
@@ -26,23 +26,20 @@ import "ag-grid-community";
 import "react-papaparse";
 import "react-csv-downloader";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
-import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
-import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.js";
+import "../../../utils/conversionUtils.js";
+import "../../../utils/yupConfig.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 "../../../utils/conversionUtils.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
-import { getLoadFlowDefaultLimitReductions, getLoadFlowSpecificParametersDescription, setLoadFlowParameters, fetchLoadFlowParameters, getDefaultLoadFlowProvider, getLoadFlowProviders } from "../../../services/loadflow.js";
-import "../../../utils/yupConfig.js";
-import { filterStyles } from "../../filter/HeaderFilterForm.js";
 import { LoadFlowProvider } from "./load-flow-parameters-provider.js";
 import { useLoadFlowParametersForm } from "./use-load-flow-parameters-form.js";
 import { LoadFlowParametersForm } from "./load-flow-parameters-form.js";
+import { NameElementEditorForm } from "../common/name-element-editor/name-element-editor-form.js";
 function LoadFlowParametersEditionDialog({
   id,
   open,
@@ -92,21 +89,14 @@ function LoadFlowParametersEditionDialog({
         {
           loadflowMethods,
           renderTitleFields: () => {
-            return /* @__PURE__ */ jsx(Grid, { item: true, sx: { height: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-                UniqueNameInput,
-                {
-                  name: FieldConstants.NAME,
-                  currentName: name,
-                  label: "nameProperty",
-                  elementType: ElementType.LOADFLOW_PARAMETERS,
-                  activeDirectory,
-                  sx: filterStyles.textField,
-                  fullWidth: false
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(DescriptionField, { expandingTextSx: filterStyles.description }) })
-            ] }) });
+            return /* @__PURE__ */ jsx(
+              NameElementEditorForm,
+              {
+                initialElementName: name,
+                activeDirectory,
+                elementType: ElementType.LOADFLOW_PARAMETERS
+              }
+            );
           }
         }
       ) })

package/dist/components/parameters/loadflow/load-flow-parameters-form.js

@@ -95,7 +95,7 @@ function LoadFlowParametersForm({
         }
       ) })
     ] }) : /* @__PURE__ */ jsx(LinearProgress, {}),
-    renderActions && /* @__PURE__ */ jsx(Box, { sx: styles.actions, children: renderActions == null ? void 0 : renderActions() })
+    renderActions && /* @__PURE__ */ jsx(Box, { sx: styles.actions, children: renderActions() })
   ] }) });
 }
 export {

package/dist/components/parameters/loadflow/load-flow-parameters-inline.js

@@ -5,6 +5,7 @@ import { useIntl, FormattedMessage } from "react-intl";
 import { LoadFlowProvider } from "./load-flow-parameters-provider.js";
 import { parametersStyles } from "../parameters-style.js";
 import "../../../utils/types/equipmentType.js";
+import { fetchLoadFlowParameters } from "../../../services/loadflow.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
@@ -37,7 +38,6 @@ import { LineSeparator } from "../common/line-separator.js";
 import { CreateParameterDialog } from "../common/parameters-creation-dialog.js";
 import "../common/widget/parameter-line-slider.js";
 import "../common/limitreductions/columns-definitions.js";
-import { fetchLoadFlowParameters } from "../../../services/loadflow.js";
 import { useLoadFlowParametersForm } from "./use-load-flow-parameters-form.js";
 import { LoadFlowParametersForm } from "./load-flow-parameters-form.js";
 function LoadFlowParametersInline({

package/dist/components/parameters/loadflow/use-load-flow-parameters-form.js

@@ -39,6 +39,8 @@ import "../common/widget/parameter-line-slider.js";
 import { getLimitReductionsFormSchema, LIMIT_REDUCTIONS_FORM } from "../common/limitreductions/columns-definitions.js";
 import { toFormValuesLimitReductions } from "../common/limitreductions/limit-reductions-form-util.js";
 import { PARAM_LIMIT_REDUCTION, SPECIFIC_PARAMETERS, COMMON_PARAMETERS, PARAM_PROVIDER_OPENLOADFLOW } from "./constants.js";
+import "../../filter/HeaderFilterForm.js";
+import { getNameElementEditorSchema, getNameElementEditorEmptyFormData } from "../common/name-element-editor/name-element-editor-utils.js";
 const useLoadFlowParametersForm = (parametersBackend, enableDeveloperMode, parametersUuid, name, description) => {
   const [
     providers,
@@ -85,12 +87,11 @@ const useLoadFlowParametersForm = (parametersBackend, enableDeveloperMode, param
         (params == null ? void 0 : params.limitReductions) ? (_a = params.limitReductions[0]) == null ? void 0 : _a.temporaryLimitReductions.length : 0
       ).fields,
       ...getSpecificLoadFlowParametersFormSchema(specificParameters).fields
-    });
+    }).concat(getNameElementEditorSchema(name));
   }, [name, params == null ? void 0 : params.limitReductions, specificParameters]);
   const formMethods = useForm({
     defaultValues: {
-      [NAME]: name,
-      [DESCRIPTION_INPUT]: description,
+      ...getNameElementEditorEmptyFormData(name, description),
       [PROVIDER]: provider,
       [PARAM_LIMIT_REDUCTION]: null,
       [COMMON_PARAMETERS]: {

package/dist/components/parameters/network-visualizations/constants.d.ts

@@ -0,0 +1,41 @@
+import { SubstationLayout } from './network-visualizations.types';
+export declare enum LineFlowMode {
+    STATIC_ARROWS = "staticArrows",
+    ANIMATED_ARROWS = "animatedArrows",
+    FEEDERS = "feeders"
+}
+export declare const PARAM_LINE_FULL_PATH = "lineFullPath";
+export declare const PARAM_LINE_PARALLEL_PATH = "lineParallelPath";
+export declare const PARAM_LINE_FLOW_MODE = "lineFlowMode";
+export declare const PARAM_MAP_MANUAL_REFRESH = "mapManualRefresh";
+export declare const PARAM_MAP_BASEMAP = "mapBaseMap";
+export declare const PARAM_CENTER_LABEL = "centerLabel";
+export declare const PARAM_COMPONENT_LIBRARY = "componentLibrary";
+export declare const PARAM_DIAGONAL_LABEL = "diagonalLabel";
+export declare const PARAM_SUBSTATION_LAYOUT = "substationLayout";
+export declare const PARAM_INIT_NAD_WITH_GEO_DATA = "initNadWithGeoData";
+export declare enum NetworkVisualizationTabValues {
+    MAP = "mapParameters",
+    SINGLE_LINE_DIAGRAM = "singleLineDiagramParameters",
+    NETWORK_AREA_DIAGRAM = "networkAreaDiagramParameters"
+}
+export declare const MAP_MANUAL_REFRESH = "MapManualRefresh";
+export declare const LINE_FLOW_MODE = "LineFlowMode";
+export declare const MAP_BASE_MAP = "MapBaseMap";
+export declare const DIAGONAL_LABEL = "diagonalLabel";
+export declare const CENTER_LABEL = "centerLabel";
+export declare const SUBSTATION_LAYOUT = "SubstationLayout";
+export declare const COMPONENT_LIBRARY = "ComponentLibrary";
+export declare const INIT_NAD_WITH_GEO_DATA = "initNadWithGeoData";
+export declare const INTL_LINE_FLOW_MODE_OPTIONS: {
+    id: LineFlowMode;
+    label: string;
+}[];
+export declare const INTL_MAP_BASE_MAP_OPTIONS: {
+    id: string;
+    label: string;
+}[];
+export declare const INTL_SUBSTATION_LAYOUT_OPTIONS: {
+    id: SubstationLayout;
+    label: string;
+}[];